让页面上两个div中的滚动条(滑块)同步运动示例


Posted in Javascript onAugust 07, 2013

使用JQuery添加如下代码

$('#sourceDiv').scroll( function() { 
$('#targetDiv').scrollTop($(this).scrollTop()); 
$('#targetDiv').scrollLeft($(this).scrollLeft()); 
}); 
$('#targetDiv').scroll( function() { 
$('#sourceDiv').scrollTop($(this).scrollTop()); 
$('#sourceDiv').scrollLeft($(this).scrollLeft()); 
});

效果图:
让页面上两个div中的滚动条(滑块)同步运动示例
Javascript 相关文章推荐
JavaScript 继承详解(二)
Jul 13 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
Nov 19 Javascript
js控制frameSet示例
Sep 10 Javascript
javascript获取所有同类checkbox选项(实例代码)
Nov 07 Javascript
js关于精确计算和数值格式化以及直接引js文件
Jan 28 Javascript
JavaScript获得表单target属性的方法
Apr 02 Javascript
jquery validate demo 基础
Oct 29 Javascript
基于JavaScript如何制作遮罩层对话框
Jan 26 Javascript
jQuery选择器基础入门教程
May 10 Javascript
利用HBuilder打包前端开发webapp为apk的方法
Nov 13 Javascript
vue中子组件调用兄弟组件方法
Jul 06 Javascript
js简单实现自动生成表格功能示例
Jun 02 Javascript
js动态创建、删除表格示例代码
Aug 07 #Javascript
关于extjs4如何获取grid修改后的数据的问题
Aug 07 #Javascript
js取两个数组的交集|差集|并集|补集|去重示例代码
Aug 07 #Javascript
js使浏览器窗口最大化实现代码(适用于IE)
Aug 07 #Javascript
javascript一元操作符(递增、递减)使用示例
Aug 07 #Javascript
js 实现 input type="file" 文件上传示例代码
Aug 07 #Javascript
uploadify在Firefox下丢失session问题的解决方法
Aug 07 #Javascript
You might like
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
用 Composer构建自己的 PHP 框架之设计 MVC
2014/10/30 PHP
为Plesk PHP7启用Oracle OCI8扩展方法总结
2019/03/29 PHP
extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
2010/03/09 Javascript
script标签属性type与language使用选择
2012/12/02 Javascript
javascript实现依次输入input自动定焦
2014/12/23 Javascript
jQuery给元素添加样式的方法详解
2015/12/30 Javascript
js判断checkbox是否选中个数的方法(超简单)
2016/08/19 Javascript
使用JS读取XML文件的方法
2016/11/25 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
2017/03/27 Javascript
基于JavaScript实现的插入排序算法分析
2017/04/14 Javascript
微信小程序 wx:for的使用实例详解
2017/04/27 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
JavaScript代理模式原理与用法实例详解
2020/03/10 Javascript
js实现轮播图特效
2020/05/28 Javascript
vue+AI智能机器人回复功能实现
2020/07/16 Javascript
解决vue+router路由跳转不起作用的一项原因
2020/07/19 Javascript
Python操作列表的常用方法分享
2014/02/13 Python
pandas.loc 选取指定列进行操作的实例
2018/05/18 Python
使用python进行文本预处理和提取特征的实例
2018/06/05 Python
OpenCV HSV颜色识别及HSV基本颜色分量范围
2019/03/22 Python
seek引发的python文件读写的问题及解决
2019/07/26 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
Python3 集合set入门基础
2020/02/10 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
Python3 pywin32模块安装的详细步骤
2020/05/26 Python
Solaris操作系统的线程机制
2012/12/23 面试题
医学生自荐信
2013/12/03 职场文书
《胡杨》教学反思
2014/02/16 职场文书
金融学专业大学生职业生涯规划
2014/03/07 职场文书
党的群众路线教育实践活动教师自我剖析材料
2014/10/09 职场文书
群众路线教育实践活动心得体会(四风)
2014/11/03 职场文书
2015年创先争优活动总结
2015/03/27 职场文书
2016年“我们的节日·重阳节”主题活动总结
2016/04/01 职场文书
goland 清除所有的默认设置操作
2021/04/28 Golang