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

为Yahoo! UI Extensions Grid增加内置的可编辑器

Mar 10 Javascript

javascript引用对象的方法代码

Aug 13 Javascript

JS 分号引起的一段调试问题

Jun 18 Javascript

javascript 添加和移除函数的通用方法

Oct 20 Javascript

jquery购物车实时结算特效实现思路

Sep 23 Javascript

使用yeoman构建angular应用的方法

Aug 14 Javascript

jQuery解析json格式数据示例

Sep 01 jQuery

js事件触发操作实例分析

Jun 21 Javascript

vuex state中的数组变化监听实例

Nov 06 Javascript

JavaScript之Blob对象类型的具体使用方法

Nov 29 Javascript

详解Vue3中对VDOM的改进

Apr 23 Javascript

Vue Element校验validate的实例

Sep 21 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引用(&)各种使用方法实例详解

2014/03/20 PHP

php实现的SESSION类

2014/12/02 PHP

Cookie 注入是怎样产生的

2009/04/08 Javascript

ext jquery 简单比较

2010/04/07 Javascript

为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)

2010/11/11 Javascript

jquery增加时编辑jqGrid(实例代码)

2013/11/08 Javascript

jQuery中detach()方法用法实例

2014/12/25 Javascript

12306验证码破解思路分享

2015/03/25 Javascript

js实现选中页面文字将其分享到新浪微博

2015/11/05 Javascript

jQuery ajax方法传递中文时出现中文乱码的解决方法

2016/07/25 Javascript

JavaScript数组迭代方法

2017/03/03 Javascript

EasyUI Tree树组件无限循环的解决方法

2017/09/27 Javascript

详解VUE 数组更新

2017/12/16 Javascript

Vue2 模板template的四种写法总结

2018/02/23 Javascript

vue-router 源码实现前端路由的两种方式

2018/07/02 Javascript

详解小程序用户登录状态检查与更新实例

2019/05/15 Javascript

JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析

2019/05/22 Javascript

vue递归组件实战之简单树形控件实例代码

2019/08/27 Javascript

JS+html5实现异步上传图片显示上传文件进度条功能示例

2019/11/09 Javascript

Ant Design的Table组件去除

2020/10/24 Javascript

详解实现vue的数据响应式原理

2021/01/20 Vue.js

归纳整理Python中的控制流语句的知识点

2015/04/14 Python

Python的Flask框架标配模板引擎Jinja2的使用教程

2016/07/12 Python

Pandas读取并修改excel的示例代码

2019/02/17 Python

超实用的 30 段 Python 案例

2019/10/10 Python

python3实现在二叉树中找出和为某一值的所有路径(推荐)

2019/12/26 Python

Pytorch根据layers的name冻结训练方式

2020/01/06 Python

python 爬取马蜂窝景点翻页文字评论的实现

2020/01/20 Python

解决Pycharm 导入其他文件夹源码的2种方法

2020/02/12 Python

python中Ansible模块的Playbook的具体使用

2020/05/28 Python

Python如何获取文件路径/目录

2020/09/22 Python

HTML5 虚拟键盘出现挡住输入框的解决办法

2017/02/14 HTML / CSS

会展中心部门工作职责

2013/11/27 职场文书

培训主管的职业生涯规划

2014/03/06 职场文书

英镑符号￡

2022/02/17 杂记

Python 绘制多因子柱状图

2022/05/11 Python