编程 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实现博客园页面右下角返回顶部按钮

Feb 22 Javascript

AngularJS 模块详解及简单实例

Jul 28 Javascript

etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例

Nov 09 Javascript

解决微信内置浏览器返回上一页强制刷新问题方法

Feb 05 Javascript

Vue的路由及路由钩子函数的实现

Jul 02 Javascript

Vue触发隐藏input file的方法实例详解

Aug 14 Javascript

解决layui动态加载复选框无法选中的问题

Sep 20 Javascript

layui--select使用以及下拉框实现键盘选择的例子

Sep 24 Javascript

JS自定义对象创建与简单使用方法示例

Jan 15 Javascript

使用 UniApp 实现小程序的微信登录功能

Jun 09 Javascript

JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记

Jul 15 Javascript

微信小程序基础教程之echart的使用

Jun 01 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程序的方法

2009/03/09 PHP

session在PHP大型web应用中的使用

2011/06/25 PHP

php二维数组排序方法(array_multisort usort)

2013/12/25 PHP

php递归函数三种实现方法及如何实现数字累加

2015/08/07 PHP

Yii中实现处理前后台登录的新方法

2015/12/28 PHP

PHP 接入微信扫码支付总结(总结篇)

2016/11/03 PHP

js同时按下两个方向键

2007/12/01 Javascript

js的逻辑运算符 ||

2010/05/31 Javascript

jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例

2013/06/17 Javascript

jQuery Mobile的loading对话框显示/隐藏方法分享

2013/11/26 Javascript

jquery制作select列表双向选择示例代码

2014/09/02 Javascript

使用jQuery实现验证上传图片的格式与大小

2014/12/03 Javascript

JQuery中使用on方法绑定hover事件实例

2014/12/09 Javascript

手机开发必备技巧：javascript及CSS功能代码分享

2015/05/25 Javascript

快速学习jQuery插件 jquery.validate.js表单验证插件使用方法

2015/12/01 Javascript

浅谈JS运算符&&和|| 及其优先级

2016/08/10 Javascript

Js查找字符串中出现次数最多的字符及个数实例解析

2016/09/05 Javascript

javascript简单进制转换实现方法

2016/11/24 Javascript

js实现开启密码大写提示

2016/12/21 Javascript

Easyui Datagrid自定义按钮列(最后面的操作列)

2017/07/13 Javascript

Vue页面骨架屏注入方法

2018/05/13 Javascript

如何利用ES6进行Promise封装总结

2019/02/11 Javascript

NestJs 静态目录配置详解

2019/03/12 Javascript

js字符串类型String常用操作实例总结

2019/07/05 Javascript

layui数据表格 table.render 报错的解决方法

2019/09/29 Javascript

[50:01]Ti4 冒泡赛第二天 NEWBEE vs Titan

2014/07/15 DOTA

[38:44]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第二局

2016/02/25 DOTA

python采集百度搜索结果带有特定URL的链接代码实例

2019/08/30 Python

Python:二维列表下标互换方式(矩阵转置)

2019/12/02 Python

教师一帮一活动总结

2014/07/08 职场文书

群众路线教育实践活动心得体会（四风）

2014/11/03 职场文书

优秀教师申报材料

2014/12/16 职场文书

社会主义核心价值观主题教育活动总结

2015/05/07 职场文书

读书笔记怎么写

2015/07/01 职场文书

css3实现的加载动画效果

2021/04/07 HTML / CSS

python使用BeautifulSoup 解析HTML

2022/04/24 Python