手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >让页面上两个div中的滚动条(滑块)同步运动示例
让页面上两个div中的滚动条(滑块)同步运动示例
摘要:使用JQuery添加如下代码复制代码代码如下:$('#sourceDiv').scroll(function(){$('#targetDiv...

使用JQuery添加如下代码

复制代码 代码如下:

$('#sourceDiv').scroll( function() {

$('#targetDiv').scrollTop($(this).scrollTop());

$('#targetDiv').scrollLeft($(this).scrollLeft());

});

$('#targetDiv').scroll( function() {

$('#sourceDiv').scrollTop($(this).scrollTop());

$('#sourceDiv').scrollLeft($(this).scrollLeft());

});

效果图:

1

【让页面上两个div中的滚动条(滑块)同步运动示例】相关文章:

浅谈JavaScript中的Math.atan()方法的使用

理解javascript封装

纯javascript实现四方向文本无缝滚动效果

音乐播放用的的几个函数

jQuery实现强制cookie过期方法汇总

光标定位等TextRange的操作的范例代码

Javascript中prototype属性实现给内置对象添加新的方法

js验证上传图片的方法

js实现发送验证码后的倒计时功能

分享自己用JS做的扫雷小游戏

精品推荐
分类导航