编程 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 相关文章推荐

使用JavaScript动态设置样式实现代码(2)

Jan 25 Javascript

jQuery prev ~ siblings选择器使用介绍

Aug 09 Javascript

jquery cookie的用法总结

Nov 18 Javascript

JS自定义对象实现Java中Map对象功能的方法

Jan 20 Javascript

浅谈javascript中onbeforeunload与onunload事件

Dec 10 Javascript

深入解析桶排序算法及Node.js上JavaScript的代码实现

Jul 06 Javascript

Bootstrap列表组学习使用

Feb 09 Javascript

详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持

Oct 21 Javascript

JS动画实现回调地狱promise的实例代码详解

Nov 08 Javascript

创建echart多个联动的示例代码

Nov 23 Javascript

JavaScript文本特效实例小结【3个示例】

Dec 22 Javascript

JS代码优化的8点建议

Feb 04 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

无限级别菜单的实现

2006/10/09 PHP

让你同时上传 1000 个文件（一）

2006/10/09 PHP

Ajax PHP简单入门教程代码

2008/04/25 PHP

PHP 危险函数解释分析

2009/04/22 PHP

php第一次无法获取cookie问题处理

2014/12/15 PHP

PHP弱类型语言中类型判断操作实例详解

2017/08/10 PHP

phpstorm 正则匹配删除空行、注释行（替换注释行为空行）

2018/01/21 PHP

零基础php编程好学吗

2019/10/11 PHP

基于PHP的微信公众号的开发流程详解

2020/08/07 PHP

Google Suggest ;-) 基于js的动态下拉菜单

2006/10/11 Javascript

腾讯与新浪的通过IP地址获取当前地理位置（省份）的接口

2010/07/26 Javascript

jquery常用技巧及常用方法列表集合

2011/04/06 Javascript

js和jquery分别验证单选框、复选框、下拉框

2015/12/17 Javascript

jquery与ajax获取特殊字符实例详解

2017/01/08 Javascript

angular实现表单验证及提交功能

2017/02/01 Javascript

详解Node.js实现301、302重定向服务

2017/04/07 Javascript

AngularJS中的promise用法分析

2017/05/19 Javascript

Vue2.0实现将页面中表格数据导出excel的实例

2017/08/09 Javascript

详解angularJS+Ionic移动端图片上传的解决办法

2017/09/13 Javascript

Electron-vue脚手架改造vue项目的方法

2018/10/22 Javascript

浅析微信小程序modal弹窗关闭默认会执行cancel问题

2019/10/14 Javascript

viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)

2020/04/01 jQuery

JavaScript 如何在浏览器中使用摄像头

2020/12/02 Javascript

python使用MQTT给硬件传输图片的实现方法

2019/05/05 Python

python 解决flask uwsgi 获取不到全局变量的问题

2019/12/22 Python

Python如何将函数值赋给变量

2020/04/28 Python

Django实现前台上传并显示图片功能

2020/05/29 Python

Python爬虫小例子——爬取51job发布的工作职位

2020/07/10 Python

俄罗斯化妆品和香水网上商店：Iledebeaute

2019/01/03 全球购物

加拿大领先的时尚和体育零售商：Sporting Life

2019/12/15 全球购物

使用索引有什么好处

2016/07/27 面试题

大学生毕业鉴定

2014/01/31 职场文书

财务会计岗位职责

2015/02/03 职场文书

党员违纪检讨书

2015/05/05 职场文书

感动中国何玥观后感

2015/06/02 职场文书

关于五一放假的通知

2015/08/18 职场文书