通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
更新时间：2014年05月05日 15:44:03 作者：
本文为大家介绍下将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插件即可完成所需的效果，非常好用！
复制代码 代码如下:
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插件即可完成所需的效果，非常好用！
您可能感兴趣的文章:
- jquery 点击元素后,滚动条滚动至该元素位置的方法
- jquery实现的图片点击滚动效果
- 基于jquery实现点击左右按钮图片横向滚动
- 一个JQuery写的点击上下滚动的小例子
- JQuery获取元素尺寸、位置及页面滚动事件应用示例
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- js，jquery滚动/跳转页面到指定位置的实现思路
- jQuery实现将div中滚动条滚动到指定位置的方法
- jQuery实现平滑滚动到指定锚点的方法
- 使用jquery animate创建平滑滚动效果（可以是到顶部、到底部或指定地方）
- 利用jquery制作滚动到指定位置触发动画
- jQuery实现点击滚动到指定元素上的方法分析
相关文章
这篇文章主要通过代码介绍了jQery四种静态方法（isFunction,isArray,isWindow,isNumeric）的使用,需要的朋友可以参考下2015-07-07
jquery text,radio,checkbox,select操作实现代码
学习jquery的朋友看参考下，对form等文本框的一些控制实现代码。2009-07-07
这篇文章主要是对同域jQuery(跨)iframe操作DOM的示例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要为大家详细介绍了JQuery实现简单瀑布流布局，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
grumble.js 是一个很特别的气泡形状提示控件，最开始是为 Huddle.com 网站开发的, 它没有通常的north/east/south/west的定位限制。2014-05-05
这篇文章主要介绍了jQuery文本框得到与失去焦点动态改变样式效果,涉及jQuery针对页面表单元素样式的动态操作技巧,需要的朋友可以参考下2016-09-09
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
这篇文章主要介绍了jquery插件fineuploader上传文件很用方法2013-12-12
contains选择符是指对象中包括指定内容的对象本身2010-04-04
这篇文章主要为大家详细介绍了JQuery+PHP图片在线裁剪实例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
本文主要介绍了前端开发必知的15个jQuery小技巧。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
最新评论