当前位置:Gxlcms > JavaScript > 让页面上两个div中的滚动条(滑块)同步运动示例_jquery

让页面上两个div中的滚动条(滑块)同步运动示例_jquery

时间:2021-07-01 10:21:17 帮助过:103人阅读

使用JQuery添加如下代码
代码如下:

$('#sourceDiv').scroll( function() {
$('#targetDiv').scrollTop($(this).scrollTop());
$('#targetDiv').scrollLeft($(this).scrollLeft());
});
$('#targetDiv').scroll( function() {
$('#sourceDiv').scrollTop($(this).scrollTop());
$('#sourceDiv').scrollLeft($(this).scrollLeft());
});

效果图:

人气教程排行