cari

Rumah >hujung hadapan web >tutorial js >让页面上两个div中的滚动条(滑块)同步运动示例_jquery

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
2016-05-16 17:26:261578semak imbas

使用JQuery添加如下代码

复制代码 代码如下:

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

效果图：
让页面上两个div中的滚动条(滑块)同步运动示例_jquery
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：javaScript函数中执行C#代码中的函数方法总结_javascript技巧Artikel seterusnya：JS常见问题整理(持续更新)_javascript技巧

Artikel berkaitan

Lihat lagi