- 时间:2021-07-14 05:35 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:让页面上两个div中的滚动条(滑块)同步运动示例
使用JQuery添加如下代码
$('#sourceDiv').scroll( function() {
$('#targetDiv').scrollTop($(this).scrollTop());
$('#targetDiv').scrollLeft($(this).scrollLeft());
});
$('#targetDiv').scroll( function() {
$('#sourceDiv').scrollTop($(this).scrollTop());
$('#sourceDiv').scrollLeft($(this).scrollLeft());
});
效果图:
[img]http://files.jb51.net/file_images/article/201308/201308071656021.gif?201377165630[/img]