手机
当前位置:查字典教程网 >编程开发 >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中的滚动条(滑块)同步运动示例】相关文章:

无限扩展的年份select

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

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

jQuery获取上传文件的名称的正则表达式

jquery任意位置浮动固定层插件用法实例

js实现带按钮的上下滚动效果

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

javascript获取文档坐标和视口坐标

jquery插件splitScren实现页面分屏切换模板特效

IE浏览器下PNG相关功能

精品推荐
分类导航