编程 Javascript

让页面上两个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 相关文章推荐

js资料toString 方法

Mar 13 Javascript

Chosen 基于jquery的选择框插件使用方法

May 30 Javascript

如何让你的Lightbox支持滚轮缩放及Base64图片

Dec 04 Javascript

JavaScript中document.forms[0]与getElementByName区别

Jan 21 Javascript

BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面

Aug 01 Javascript

js点击任意区域弹出层消失实现代码

Dec 27 Javascript

AngularJS的ng-repeat指令与scope继承关系实例详解

Jan 21 Javascript

关于jquery form表单序列化的注意事项详解

Aug 01 jQuery

vue.js实现带日期星期的数字时钟功能示例

Aug 28 Javascript

vue 项目中使用Loading组件的示例代码

Aug 31 Javascript

vue百度地图 + 定位的详解

May 13 Javascript

在vue-cli中引入lodash.js并使用详解

Nov 13 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

很温暖很温暖的Lester Young

2021/03/03 冲泡冲煮

用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1

2007/02/23 Javascript

推荐dojo学习笔记

2007/03/24 Javascript

Extjs Label的 fieldLabel和html属性值对齐的方法

2014/06/15 Javascript

JavaScript字符串对象split方法入门实例（用于把字符串分割成数组）

2014/10/16 Javascript

在JavaScript中访问字符串的子串

2015/07/07 Javascript

跟我学习javascript的浮点数精度

2015/11/16 Javascript

jQuery插件ajaxfileupload.js实现上传文件

2020/10/23 Javascript

Javascript实现倒计时（防页面刷新）实例

2016/12/13 Javascript

AngularJS实践之使用ng-repeat中$index的注意点

2016/12/22 Javascript

详解AngularJS ng-class样式切换

2017/06/27 Javascript

简单实现js拖拽效果

2017/07/25 Javascript

Cordova(ionic)项目实现双击返回键退出应用

2019/09/17 Javascript

layui上传图片到服务器的非项目目录下的方法

2019/09/26 Javascript

vuex+axios+element-ui实现页面请求loading操作示例

2020/02/02 Javascript

解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题

2020/07/28 Javascript

python命令行参数sys.argv使用示例

2014/01/28 Python

Python pickle模块用法实例

2015/04/14 Python

浅谈MySQL中的触发器

2015/05/05 Python

python使用wmi模块获取windows下的系统信息监控系统

2015/10/27 Python

Python 正则表达式入门（中级篇）

2016/12/07 Python

Python学习之Anaconda的使用与配置方法

2018/01/04 Python

Pythony运维入门之Socket网络编程详解

2019/04/15 Python

Python计算两个矩形重合面积代码实例

2019/09/16 Python

Python基础之字符串操作常用函数集合

2020/02/09 Python

python编程进阶之类和对象用法实例分析

2020/02/21 Python

python画图常规设置方式

2020/03/05 Python

英国最大的汽车配件在线商店：Euro Car Parts

2019/09/30 全球购物

学前教育毕业生自荐信范文

2013/12/24 职场文书

入党积极分子自我批评思想汇报

2014/10/10 职场文书

2014年司法所工作总结

2014/11/22 职场文书

2015年幼儿园中班下学期工作总结

2015/05/22 职场文书

2016幼儿园新学期寄语

2015/12/03 职场文书

Django+Celery实现定时任务的示例

2021/06/23 Python

【海涛解说】暗牧也疯狂，牛蛙成配角

2022/04/01 DOTA

详解Python中的for循环

2022/04/30 Python