通过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 相关文章推荐
JavaScript 动态改变图片大小
Jun 11 Javascript
jQuery ajax(复习)—Baidu ajax request分离版
Jan 24 Javascript
侧栏跟随滚动的简单实现代码
Mar 18 Javascript
简体中文转换繁体中文(实现代码)
Dec 25 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
基于jQuery实现仿微博发布框字数提示
Jul 27 Javascript
深入浅析JS Function()构造函数
Aug 22 Javascript
JS 全屏和退出全屏详解及实例代码
Nov 07 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
Jan 02 Javascript
vue-cli V3.0版本的使用详解
Oct 24 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
Jul 04 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
Sep 28 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字符编码问题之GB2312 VS UTF-8解决方法
2011/06/23 PHP
PHP超牛逼无限极分类生成树方法
2015/05/11 PHP
浅谈php中变量的数据类型判断函数
2017/03/04 PHP
laravel-admin 后台表格筛选设置默认的查询日期方法
2019/10/03 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
JQuery判断子iframe何时加载完成解决方案
2013/08/20 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
2014/10/17 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
深入理解jQuery中的事件冒泡
2016/05/24 Javascript
js实现华丽的九九乘法表效果
2017/03/29 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
Node.js pipe实现源码解析
2017/08/12 Javascript
js通过Date对象实现倒计时动画效果
2017/10/27 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
原生JS实现的雪花飘落动画效果
2018/05/03 Javascript
Vue组件中的data必须是一个function的原因浅析
2018/09/03 Javascript
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
监控微信小程序中的慢HTTP请求过程详解
2019/07/05 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
Windows下安装 node 的版本控制工具 nvm
2020/02/06 Javascript
2020京东618叠蛋糕js脚本(亲测好用)
2020/06/02 Javascript
Python与shell的3种交互方式介绍
2015/04/11 Python
linux平台使用Python制作BT种子并获取BT种子信息的方法
2017/01/20 Python
matplotlib绘制符合论文要求的图片实例(必看篇)
2017/06/02 Python
python实现猜单词小游戏
2020/05/22 Python
python获取Pandas列名的几种方法
2019/08/07 Python
基于Numba提高python运行效率过程解析
2020/03/02 Python
英国Iceland杂货店:网上食品购物
2020/12/16 全球购物
颇特女士:NET-A-PORTER(直邮中国)
2020/07/11 全球购物
木马的传播途径主要有哪些
2016/04/08 面试题
《望洞庭》教学反思
2014/02/16 职场文书
如何写贫困证明申请书
2014/10/29 职场文书
Java方法重载和方法重写的区别到底在哪?
2021/06/11 Java/Android
分享CSS盒子模型隐藏的几种方式
2022/02/28 HTML / CSS
win10系统xps文件怎么打开?win10打开xps文件的两种操作方法
2022/07/23 数码科技