让页面上两个div中的滚动条(滑块)同步运动示例
2013-08-07 00:00
351 查看
使用JQuery添加如下代码
效果图：
$('#sourceDiv').scroll( function() {
$('#targetDiv').scrollTop($(this).scrollTop());
$('#targetDiv').scrollLeft($(this).scrollLeft());
});
$('#targetDiv').scroll( function() {
$('#sourceDiv').scrollTop($(this).scrollTop());
$('#sourceDiv').scrollLeft($(this).scrollLeft());
}); 效果图：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 如何让页面上两个div中的滚动条(滑块)同步运动？
- 两个div滚动条同步简单实现
- Jquery使两个Div的滚动条同步滚动
- 两个div滚动条同步简单实现
- DIV+CSS页面布局示例
- CSS样式设置div滚动条示例代码
- Asp.net l利用Div控制页面滚动条
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
- 页面刷新或者回发后DIV的滚动条位置不变！
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 同步两个数据库的示例
- 页面的div中有滚动条，js实现刷新页面后回到记录时滚动条的位置
- DIV+CSS布局入门示例（一）页面布局与规划
- display:inline-block的两个div不在html中放一行会对页面产生影响
- 让一个DIV在页面右边并跟随滚动条移动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动 (转)
- 两个div之前切换（tab页面）点击后实现页面的现实和隐藏
- CSS案例，DIV固定在页面底部，不随滚动条的滚动。