如何通过JQuery将DIV的滚动条滚动到指定的位置

简介:

这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置,方便自动定位。

复制代码
var container = $('div'),
    scrollTo = $('#row_8');

container.scrollTop(
    scrollTo.offset().top - container.offset().top + container.scrollTop()
);

// Or you can animate the scrolling:
container.animate({
    scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()
});​
复制代码

  不需要任何JQuery插件即可完成所需的效果,非常好用!


本文转自Jaxu博客园博客,原文链接:http://www.cnblogs.com/jaxu/archive/2013/05/17/3083019.html,如需转载请自行联系原作者

相关文章
|
6月前
|
JavaScript
jQuery遍历div,判断是否为空,为空时执行某个操作
jQuery遍历div,判断是否为空,为空时执行某个操作
|
6月前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
JavaScript
基于jQuery的公告无限循环滚动实现代码
基于jQuery的公告无限循环滚动实现代码
57 0
|
JavaScript
jQuery方式追加div覆盖
jQuery方式追加div覆盖
|
2月前
|
JavaScript
jQuery实现无缝图片滚动效果
jQuery实现无缝图片滚动效果
143 67
|
JavaScript
jquery实现下拉框选中对应的div
jquery实现下拉框选中对应的div
56 0
|
JavaScript
jQuery清空div内容
jQuery清空div内容
|
6月前
|
JavaScript
jquery实现单击div切换背景,再次单击回到原来样式
jquery实现单击div切换背景,再次单击回到原来样式
|
6月前
|
JavaScript 前端开发
原生js与jQuery显示隐藏div的几种方法
原生js与jQuery显示隐藏div的几种方法
90 0
|
12月前
|
JavaScript
jQuery实现大屏滚动播放的效果
jQuery实现大屏滚动播放的效果
61 0