编程 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实现浏览器菜单命令

Sep 05 Javascript

[原创]用javascript实现检测指定目录是否存在的方法

Jan 12 Javascript

javascript页面加载完执行事件代码

Feb 11 Javascript

JavaScript实现弹出子窗口并传值给父窗口

Dec 18 Javascript

js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果

Aug 31 Javascript

基于vue.js实现图片轮播效果

Dec 01 Javascript

微信小程序实现动态显示和隐藏某个控件

Apr 27 Javascript

详解基于vue-cli3快速发布一个fullpage组件

Mar 08 Javascript

Layui给switch添加响应事件的例子

Sep 03 Javascript

微信小程序scroll-view点击项自动居中效果的实现

Mar 25 Javascript

vue中keep-alive内置组件缓存的实例代码

Apr 16 Javascript

解决vux 中popup 组件Mask 遮罩在最上层的问题

Nov 03 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扩展php_curl.dll不加载的解决方法

2013/06/26 PHP

PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法

2014/07/08 PHP

双冒号 ::在PHP中的使用情况

2015/11/05 PHP

php实现处理输入转义字符的代码

2015/11/08 PHP

PHP设计模式概论【概念、分类、原则等】

2020/05/01 PHP

JQuery选择器特辑详细小结

2012/05/14 Javascript

JavaScript 模拟类机制及私有变量的方法及思路

2013/07/10 Javascript

js 控制图片大小核心讲解

2013/10/09 Javascript

使用AngularJS制作一个简单的RSS阅读器的教程

2015/06/18 Javascript

详解JavaScript 中的 replace 方法

2016/01/01 Javascript

JS使用cookie设置样式的方法

2016/06/30 Javascript

简单的js表格操作

2016/09/24 Javascript

a标签跳转到指定div,jquery添加和移除class属性的实现方法

2016/10/10 Javascript

bootstrap datepicker插件默认英文修改为中文

2017/07/28 Javascript

bootstrap-table组合表头的实现方法

2017/09/07 Javascript

基于JavaScript实现前端数据多条件筛选功能

2020/08/19 Javascript

JS实现中文汉字按拼音排序的方法

2017/10/09 Javascript

JavaScript适配器模式详解

2017/10/19 Javascript

Javascript将图片的绝对路径转换为base64编码的方法

2018/01/11 Javascript

jQuery实现鼠标响应式透明度渐变动画效果示例

2018/02/13 jQuery

Angular HMR(热模块替换)功能实现方法

2018/04/04 Javascript

react native 原生模块桥接的简单说明小结

2019/02/26 Javascript

解决vue-cli输入命令vue ui没效果的问题

2020/11/17 Javascript

python中urllib模块用法实例详解

2014/11/19 Python

浅谈Python NLP入门教程

2017/12/25 Python

Windows上使用Python增加或删除权限的方法

2018/04/24 Python

python GUI库图形界面开发之PyQt5时间控件QTimer详细使用方法与实例

2020/02/26 Python

【HTML5】3D模型--百行代码实现旋转立体魔方实例

2016/12/16 HTML / CSS

父母寄语大全

2014/04/12 职场文书

出国留学计划书

2014/04/27 职场文书

职业规划实施方案

2014/06/10 职场文书

小学优秀教师材料

2014/12/15 职场文书

python基于scrapy爬取京东笔记本电脑数据并进行简单处理和分析

2021/04/14 Python

vue+spring boot实现校验码功能

2021/05/27 Vue.js

JS 基本概念详细介绍

2021/10/16 Javascript

「魔导具师妲莉亚永不妥协～从今天开始的自由职人生活～」1、2卷发售宣传CM公开

2022/03/21 日漫