jQuery 跳转到元素
jQuery jump to element
我的网站上有一个类似图片库的东西。通过单击图像,此图像将放大。有时,放大包含图像的一部分不在视口中。整个网站是否有可能通过单击跳转到图像的顶部区域?
你可以看看这里!
试试这个:
$("div.image img").click(function() {
$('html, body').animate({
scrollTop: $(this).offset().top
}, 2000);
});
它应该使用 "image" 类为div 元素内的所有图像创建一个 click 事件,我可以在您的代码中看到,然后动画化(缓慢,在 2000 毫秒内,即 2 秒)滚动到它从页面顶部偏移
。在这个 5 岁的问题中,您有更多信息 stackoverflow.com
编辑:如果需要一些调整,可以编辑此行
scrollTop: $(this).offset().top - 88
页面将比图像位置少滚动 88px,由于您的浮动菜单,您会发现这很有帮助。
相关文章:
- 可以't附加html元素jquery
- 循环遍历元素jquery选择器
- 在ajax加载的元素jquery上包含现有的jquery函数
- 如何删除元素列表中的类并添加到另一个元素 Jquery.
- 获取单击的类元素 jQuery 的名称值
- 获取上一个元素 jQuery 的内容
- 根据另一个元素的更改获取一个元素(jquery)
- 区分不同的可拖放元素(jQuery 拖放)
- 除了最后一个<td>元素-Jquery
- 获取子元素jQuery的单选按钮值
- 捕获元素jquery外部的mousedown事件
- .append到非DOM元素jQuery
- 获取其父元素的精确子元素.Jquery
- 获取重复结构中的特定元素jquery
- 捕获隐藏输入元素jQuery的值
- 使用onclick函数获取点击的元素jquery
- 返回父元素 jquery 中的输入值
- 按属性查找元素 jQuery
- 选择元素 jQuery
- 按子元素 - jQuery 的数据 ID 对 li 进行排序