编程 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中清空数组的三种方法分享

Apr 07 Javascript

jquery图片放大镜功能的实例代码

Mar 26 Javascript

DOM基础教程之模型中的模型节点

Jan 19 Javascript

jQuery往返城市和日期查询实例讲解

Oct 09 Javascript

JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】

Aug 23 Javascript

js实现瀑布流效果（自动生成新的内容）

Mar 16 Javascript

Bootstrap Table 在指定列中添加下拉框控件并获取所选值

Jul 31 Javascript

使用proxy实现一个更优雅的vue【推荐】

Jun 19 Javascript

Vue实现点击按钮复制文本内容的例子

Nov 09 Javascript

js的Object.assign用法示例分析

Mar 05 Javascript

nuxt.js添加环境变量,区分项目打包环境操作

Nov 06 Javascript

vue-cli3.x配置全局的scss的时候报错问题及解决

Apr 30 Vue.js

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插入中文到sqlserver 2008里出现乱码的解决办法分享

2012/07/19 PHP

jquery制作弹窗提示窗口代码分享

2014/03/02 Javascript

javascript圆盘抽奖程序实现原理和完整代码例子

2014/06/03 Javascript

PHP守护进程实例

2015/03/06 Javascript

JQuery中DOM事件合成用法实例分析

2015/06/13 Javascript

jQuery使用cookie与json简单实现购物车功能

2016/04/15 Javascript

JavaScript之map reduce_动力节点Java学院整理

2017/06/29 Javascript

vue项目前端埋点的实现

2019/03/06 Javascript

利用es6 new.target来对模拟抽象类的方法

2019/05/10 Javascript

微信小程序使用字体图标的方法

2019/05/23 Javascript

JQuery实现折叠式菜单的详细代码

2020/06/03 jQuery

[45:14]Optic vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24

2018/08/25 DOTA

Python中的lstrip()方法使用简介

2015/05/19 Python

Python中特殊函数集锦

2015/07/27 Python

Python学习小技巧之利用字典的默认行为

2017/05/20 Python

Python利用ElementTree模块处理XML的方法详解

2017/08/31 Python

Python Xml文件添加字节属性的方法

2018/03/31 Python

python 阶乘累加和的实例

2019/02/01 Python

django基础学习之send_mail功能

2019/08/07 Python

Python 之 Json序列化嵌套类方式

2020/02/27 Python

在python tkinter界面中添加按钮的实例

2020/03/04 Python

Python 日期时间datetime 加一天，减一天，加减一小时一分钟,加减一年

2020/04/16 Python

iPython pylab模式启动方式

2020/04/24 Python

如何导出python安装的所有模块名称和版本号到文件中

2020/06/05 Python

通过Python pyecharts输出保存图片代码实例

2020/11/25 Python

Python类型转换的魔术方法详解

2020/12/23 Python

Dockers鞋官网：Dockers Shoes

2018/11/13 全球购物

LN-CC英国：伦敦时尚生活的缩影

2019/09/01 全球购物

俄罗斯EPL钻石珠宝店：ЭПЛ

2019/10/22 全球购物

瀑布模型都有哪些优缺点

2014/06/23 面试题

MySQL面试题目集锦

2016/04/14 面试题

广播电视新闻学专业应届生求职信

2013/10/08 职场文书

优秀幼教自荐信

2014/02/03 职场文书

故意伤害罪辩护词

2015/05/21 职场文书

2019年大学生学年自我鉴定！

2019/03/25 职场文书

sql中mod()函数取余数的用法

2021/05/29 SQL Server