通过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 相关文章推荐
JS模拟多线程
Feb 07 Javascript
表格 隔行换色升级版
Nov 07 Javascript
jquery实现table鼠标经过变色代码
Sep 25 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
js实现文字选中分享功能
Jan 25 Javascript
教你快速搭建Node.Js服务器的方法教程
Mar 30 Javascript
微信小程序 wx:for的使用实例详解
Apr 27 Javascript
详解Vue如何支持JSX语法
Nov 10 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
Jan 17 Javascript
vue使用axios实现excel文件下载的功能
Jul 16 Javascript
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
JS 基本概念详细介绍
Oct 16 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根据日期判断星座的函数分享
2014/02/13 PHP
php实现的ping端口函数实例
2014/11/12 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
jQuery使用手册之一
2007/03/24 Javascript
基于jquery实现的鼠标滑过按钮改变背景图片
2011/07/15 Javascript
js格式化货币数据实现代码
2013/09/04 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
使用javascript做的一个随机点名程序
2014/02/13 Javascript
下拉框select的绑定示例
2014/09/04 Javascript
javascript实现控制浏览器全屏
2015/03/30 Javascript
JavaScript编写连连看小游戏
2015/07/07 Javascript
jQuery Validate初步体验(一)
2015/12/12 Javascript
js HTML5上传示例代码完整版
2016/10/10 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
2017/06/22 Javascript
详解Node项目部署到云服务器上
2017/07/12 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
vue-for循环嵌套操作示例
2019/01/28 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
2020/09/21 Javascript
python实现一个简单的并查集的示例代码
2018/03/19 Python
pandas DataFrame 行列索引及值的获取的方法
2019/07/02 Python
Python3+Appium实现多台移动设备操作的方法
2019/07/05 Python
Django文件存储 自己定制存储系统解析
2019/08/02 Python
Django实现列表页商品数据返回教程
2020/04/03 Python
python DES加密与解密及hex输出和bs64格式输出的实现代码
2020/04/13 Python
canvas学习笔记之2d画布基础的实现
2019/02/21 HTML / CSS
Beach Bunny Swimwear官网:设计师泳装和性感比基尼
2019/03/13 全球购物
英国健身超市:Fitness Superstore
2019/06/17 全球购物
机电一体化专业应届本科生求职信
2013/09/27 职场文书
元旦文艺汇演主持词
2014/03/26 职场文书
金融管理专业求职信
2014/07/10 职场文书
2014年学校国庆主题活动方案
2014/09/16 职场文书
活动经费申请报告
2015/05/15 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书
MySQL存储过程及语法详解
2022/08/05 MySQL