通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位


Posted in Javascript onMay 05, 2014

这里有一个方法可以将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插件即可完成所需的效果,非常好用!
Javascript 相关文章推荐
flash javascript之间的通讯方法小结
Dec 20 Javascript
我的javascript 函数链之演变
Apr 07 Javascript
js操作iframe父子窗体示例
May 22 Javascript
JavaScript获取客户端IP的方法(新方法)
Mar 11 Javascript
深入理解setTimeout函数和setInterval函数
May 20 Javascript
为什么JavaScript没有块级作用域
May 22 Javascript
简单实现js点击展开二级菜单功能
May 16 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
Nov 26 Javascript
vue组件中使用iframe元素的示例代码
Dec 13 Javascript
JS表单传值和URL编码转换
Mar 03 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 Javascript
js打开word文档预览操作示例【不是下载】
May 23 Javascript
JQuery以JSON方式提交数据到服务端示例代码
May 05 #Javascript
使用jQuery重置(reset)表单的方法
May 05 #Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
May 05 #Javascript
Js操作树节点自动折叠展开的几种方法
May 05 #Javascript
javascript中兼容主流浏览器的动态生成iframe方法
May 05 #Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
May 05 #Javascript
一个简单的jquery的多选下拉框(自写)
May 05 #Javascript
You might like
PHP 5.0对象模型深度探索之绑定
2006/09/05 PHP
php中文本操作的类
2007/03/17 PHP
php生成不重复随机数、数组的4种方法分享
2015/03/30 PHP
firefox中JS读取XML文件
2006/12/21 Javascript
实例:用 JavaScript 来操作字符串(一些字符串函数)
2007/02/15 Javascript
JS是否可以跨文件同时控制多个iframe页面的应用技巧
2007/12/16 Javascript
jQuery 动态酷效果实现总结
2009/12/27 Javascript
JavaScript对象、属性、事件手册集合方便查询
2010/07/04 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
jQuery判断指定id的对象是否存在的方法
2015/05/22 Javascript
JavaScript包装对象使用详解
2015/07/09 Javascript
基于JavaScript创建动态Dom
2015/12/08 Javascript
jquery radio的取值_radio的选中_radio的重置方法
2016/09/20 Javascript
使用JS代码实现点击按钮下载文件
2016/11/12 Javascript
用Vue.js实现监听属性的变化
2016/11/17 Javascript
JavaScript实现分页效果
2017/03/28 Javascript
ztree实现左边动态生成树右边为内容详情功能
2017/11/03 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
Python+Django在windows下的开发环境配置图解
2009/11/11 Python
python递归删除指定目录及其所有内容的方法
2017/01/13 Python
pycharm远程调试openstack代码
2017/11/21 Python
Python爬取qq空间说说的实例代码
2018/08/17 Python
Python切图九宫格的实现方法
2019/10/10 Python
Python实现密码薄文件读写操作
2019/12/16 Python
Python闭包及装饰器运行原理解析
2020/06/17 Python
使用keras内置的模型进行图片预测实例
2020/06/17 Python
CSS3中的弹性布局em运用入门详解 1em等于多少像素
2021/02/08 HTML / CSS
HTML5对手机页面长按会粘贴复制禁用的解决方法
2016/07/19 HTML / CSS
美国在线家装零售商:Build.com
2016/09/02 全球购物
行政管理专业推荐信
2013/11/02 职场文书
旺仔牛奶广告词
2014/03/20 职场文书
2019年消防宣传标语集锦
2019/11/21 职场文书
Python控制台输出俄罗斯方块的方法实例
2021/04/17 Python
python开发飞机大战游戏
2021/07/15 Python
浅析Python中的随机采样和概率分布
2021/12/06 Python
Python实现文字pdf转换图片pdf效果
2022/04/03 Python