两个DIV中滚动条同步移动的示例演示
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本示例展示如何使网页中的两个DIV元素的滚动位置保持一致，通过JavaScript实现同步滚动效果，适用于需要多区域联动浏览的场景。
使用JQuery可以添加以下代码来实现两个div之间的滚动同步：
```javascript
$(‘#sourceDiv’).scroll(function() {
$(‘#targetDiv’).scrollTop($(this).scrollTop());
$(‘#targetDiv’).scrollLeft($(this).scrollLeft());
});
$(‘#targetDiv’).scroll(function() {
$(‘#sourceDiv’).scrollTop($(this).scrollTop());
$(‘#sourceDiv’).scrollLeft($(this).scrollLeft());
});
```
这段代码确保了当`sourceDiv`滚动时，`targetDiv`也会同步滚动；同样地，如果用户在`targetDiv`上进行滚动操作，那么`sourceDiv`也将随之更新。
全部评论 (0)
还没有任何评论哟~
