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

学习ExtJS TextField常用方法

Oct 07 Javascript

深入理解JavaScript系列(11) 执行上下文（Execution Contexts）

Jan 15 Javascript

jquery实现输入框动态增减的实例代码

Jul 14 Javascript

Json实现异步请求提交评论无需跳转其他页面

Oct 11 Javascript

jquery+php随机生成红包金额数量代码分享

Aug 27 Javascript

不得不分享的JavaScript常用方法函数集（下）

Dec 25 Javascript

jQuery 获取多选框的值及多选框中文的函数

May 16 Javascript

JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码

Sep 07 Javascript

浅谈gulp创建完整的项目流程

Dec 20 Javascript

微信小程序使用二次贝塞尔曲线画波浪

Dec 25 Javascript

简单了解Ajax表单序列化的实现方法

Jun 14 Javascript

element tree树形组件回显数据问题解决

Aug 14 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中的float类型使用说明

2010/07/27 PHP

PHP中date与gmdate的区别及默认时区设置

2014/05/12 PHP

PHP打开和关闭文件操作函数总结

2014/11/18 PHP

php根据一个给定范围和步进生成数组的方法

2015/06/19 PHP

Jquery获取元素的父容器对象示例代码

2014/02/10 Javascript

window.location不跳转的问题解决方法

2014/04/17 Javascript

js实现接收表单的值并将值拼在表单action后面的方法

2015/11/23 Javascript

js纯数字逐一停止显示效果的实现代码

2016/03/16 Javascript

easyui messager alert 三秒后自动关闭提示的实例

2016/11/07 Javascript

使用BootStrap实现悬浮窗口的效果

2016/12/13 Javascript

快速实现JS图片懒加载(可视区域加载)示例代码

2017/01/04 Javascript

Vue中自定义全局组件的实现方法

2017/12/08 Javascript

总结js函数相关知识点

2018/02/27 Javascript

vue组件tabbar使用方法详解

2018/11/06 Javascript

js中调用微信的扫描二维码功能的实现代码

2020/04/11 Javascript

详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结

2020/05/28 Javascript

Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现

2020/09/04 Javascript

从零开始用webpack构建一个vue3.0项目工程的实现

2020/09/24 Javascript

跟老齐学Python之print详解

2014/09/28 Python

Python中利用sqrt()方法进行平方根计算的教程

2015/05/15 Python

python3.0 模拟用户登录,三次错误锁定的实例

2017/11/02 Python

pandas 按照特定顺序输出的实现代码

2018/07/10 Python

python与caffe改变通道顺序的方法

2018/08/04 Python

python 提取tuple类型值中json格式的key值方法

2018/12/31 Python

python实现批量修改服务器密码的方法

2019/08/13 Python

matplotlib绘制多个子图(subplot)的方法

2019/12/03 Python

利用Python函数实现一个万历表完整示例

2021/01/23 Python

CSS3 渐变（Gradients）之CSS3 径向渐变

2016/07/08 HTML / CSS

美国奢侈品购物平台：Orchard Mile

2018/05/02 全球购物

中国跨镜手机配件批发在线商店：TVC-Mall

2019/08/20 全球购物

团队口号大全

2014/06/06 职场文书

不服从公司安排检讨书

2014/09/24 职场文书

2014年维修工作总结

2014/11/22 职场文书

汽车转让协议书范本

2014/12/07 职场文书

教师文明餐桌光盘行动倡议书

2015/04/28 职场文书

java实现面板之间切换功能

2022/06/10 Java/Android