让页面上两个div中的滚动条(滑块)同步运动示例
更新时间：2013年08月07日 16:59:17 作者：
如何想让页面上两个div中的滚动条(滑块)同步运动该怎实现，具体代码如下，感兴趣的朋友可以参考下
使用JQuery添加如下代码
$('#sourceDiv').scroll( function() {
$('#targetDiv').scrollTop($(this).scrollTop());
$('#targetDiv').scrollLeft($(this).scrollLeft());
});
$('#targetDiv').scroll( function() {
$('#sourceDiv').scrollTop($(this).scrollTop());
$('#sourceDiv').scrollLeft($(this).scrollLeft());
});
效果图：
复制代码 代码如下:
$('#sourceDiv').scroll( function() {
$('#targetDiv').scrollTop($(this).scrollTop());
$('#targetDiv').scrollLeft($(this).scrollLeft());
});
$('#targetDiv').scroll( function() {
$('#sourceDiv').scrollTop($(this).scrollTop());
$('#sourceDiv').scrollLeft($(this).scrollLeft());
});
效果图：
相关文章
这篇文章主要介绍了基于jQuery.i18n实现web前端的国际化，具有很好的参考价值，希望对大家有所帮助2018-05-05
这篇文章主要介绍了jQuery中ready事件用法,实例分析了ready事件的功能、定义及文档加载就绪以后触发的具体使用技巧,需要的朋友可以参考下2015-01-01
jQuery绑定点击事件与改变事件的方式总结及多个元素绑定多个事件
我们一说到jQuery中对于元素的修改,就是元素的内容、属性、样式的修改,下面这篇文章主要给大家介绍了关于jQuery绑定点击事件与改变事件的方式总结及多个元素绑定多个事件的相关资料,需要的朋友可以参考下2022-12-12
jQuery is not defined 错误原因与解决方法小结
今天在测试一个程序的时候，明显已经加载了jquery但总是提示jQuery is not defined，经过多方测试终于发现了问题，这里简单总结一下,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了jQuery获取动态添加元素的方法详解,jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库,它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单,需要的朋友可以参考下2023-08-08
图片的展开和收缩使用jquery实现不可思议吧，感兴趣的朋友可以参考下哈，希望对你学习jquery 有所帮助2013-04-04
本教程将为大家详细介绍下使用公用方法验证jquery struts唯一标识，感兴趣的朋友可以参考下哈，希望可以帮助到你2013-03-03
由于ASP.NET网页运行后，服务器控件会随机生成客户端id，jquery获取时候不太好操作，google了下，总结有以下3种方法.2010-05-05
本文给大家简单谈谈jQuery中的获取高度和宽度的height和width方法，这里总结一下，方便大家更好的理解，有需要的小伙伴可以参考下。2015-07-07
这篇文章主要介绍了jQuery实现的Div窗口震动效果,可实现点击提交后窗口出现震动效果,需要的朋友可以参考下2015-08-08
最新评论