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

URI、URL和URN之间的区别与联系

Dec 20 Javascript

在chrome浏览器中，防止input[text]和textarea在聚焦时出现黄色边框的解决方法

May 24 Javascript

js对象与打印对象分析比较

Apr 23 Javascript

JS 作用域与作用域链详解

Apr 07 Javascript

js读取并解析JSON类型数据的方法

Nov 14 Javascript

jQuery检测滚动条是否到达底部

Dec 15 Javascript

深入理解AngularJS中的ng-bind-html指令和$sce服务

Sep 08 Javascript

详谈vue+webpack解决css引用图片打包后找不到资源文件的问题

Mar 06 Javascript

vue+element导航栏高亮显示的解决方式

Nov 12 Javascript

vue element-ui读取pdf文件的方法

Nov 26 Javascript

axios如何取消重复无用的请求详解

Dec 15 Javascript

vue 子组件watch监听不到prop的解决

Aug 09 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批量去除文件UTF8 BOM信息

2013/08/05 PHP

Win2003+apache+PHP+SqlServer2008 配置生产环境

2014/07/29 PHP

phpmyadmin提示The mbstring extension is missing的解决方法

2014/12/17 PHP

PHP简单计算两个时间差的方法示例

2017/06/20 PHP

基于ThinkPHP删除目录及目录文件函数

2020/10/28 PHP

js类后台管理菜单类-MenuSwitch

2007/09/12 Javascript

js实现的日期操作类DateTime函数代码

2010/03/16 Javascript

JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )

2011/02/25 Javascript

用JQuery模仿淘宝的图片放大镜显示效果

2011/09/15 Javascript

javascript之Partial Application学习

2013/01/10 Javascript

jQuery中element选择器用法实例

2014/12/29 Javascript

JavaScript将XML转成JSON的方法

2015/03/12 Javascript

jquery实现点击查看更多内容控制段落文字展开折叠效果

2015/08/06 Javascript

jQuery获取checkboxlist的value值的方法

2015/09/27 Javascript

MUI Scroll插件的使用详解

2017/04/13 Javascript

JS创建Tag标签的方法详解

2017/06/09 Javascript

基于daterangepicker日历插件使用参数注意的问题

2017/08/10 Javascript

实时监控input框,实现输入框与下拉框联动的实例

2018/01/23 Javascript

详解js加减乘除精确计算

2019/03/19 Javascript

vue 进阶之实现父子组件间的传值

2019/04/26 Javascript

element-ui 中使用upload多文件上传只请求一次接口

2019/07/19 Javascript

微信小程序页面滚动到指定位置代码实例

2019/09/07 Javascript

三步实现ionic3点击退出app程序

2019/09/17 Javascript

Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法

2020/05/26 Javascript

vue实现简单加法计算器

2020/10/22 Javascript

如何使用七牛Python SDK写一个同步脚本及使用教程

2015/08/23 Python

PyQt5每天必学之切换按钮

2020/08/20 Python

pyenv与virtualenv安装实现python多版本多项目管理

2019/08/17 Python

PyCharm无法识别PyQt5的2种解决方法，ModuleNotFoundError: No module named 'pyqt5'

2020/02/17 Python

python3+opencv生成不规则黑白mask实例

2020/02/19 Python

HTML5拍照和摄像机功能实战详解

2019/01/24 HTML / CSS

事业单位辞职信范文

2014/01/19 职场文书

学校课外活动总结

2014/05/08 职场文书

党员干部观看《周恩来四个昼夜》思想汇报

2014/09/10 职场文书

职工趣味运动会开幕词

2016/03/04 职场文书

Mybatis-Plus进阶分页与乐观锁插件及通用枚举和多数据源详解

2022/03/21 Java/Android