让页面上两个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是如何实现的，感兴趣的朋友可以参考下2013-09-09
jquery对象的相应方法DOM对象不能使用，而DOM对象的相应方法jquery也不能使用。所以在具体项目中要注意Jquery对象与DOM对象的转换问题2009-04-04
这篇文章主要介绍了jquery获取html元素的绝对位置和相对位置的方法,需要的朋友可以参考下2014-06-06
点击左右按钮图片横向滚动jquery，一次滚动四个，图片滚动完成，自动回到第一个版面，效果相当不错，感兴趣的前端工程师们可以参考下2013-04-04
jQuery中的height innerHeight outerHeight区别示例介绍
这篇文章主要介绍了jQuery中的height innerHeight outerHeight的区别,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了Jquery树插件zTree用法入门教程,实例分析了zTree插件的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了jquery.post用法之type设置问题,需要的朋友可以参考下2014-02-02
这篇文章主要介绍了Labelauty–jQuery单选框/复选框美化插件，能够实现单选框/复选框原本的选中、未选中、禁用等功能外，还能够设置选中和未选中的文本信息、标签的最小宽度等，感兴趣的小伙伴可以参考下。2015-09-09
这篇文章主要介绍了jquery实现图片灯箱明暗的遮罩效果，有需要的朋友可以参考一下2013-11-11
用jQuery写的一个简单的程序,用于入门练习,发给大家,希望初学者有用.2009-07-07
最新评论