我创建了一个网站,该网站垂直分为两栏(每栏占屏幕的一半)。如果我向下滚动,将光标放在网站上的任何位置,左栏应该表现正常并向下滚动,同时右栏应该朝相反的方向向上滚动。
我遇到了这个问题 – Modify scroll direction – 并试图从中找到解决方案,但我无法让它发挥作用。
最佳答案
我在这里制定了一个可行的解决方案:http://jsfiddle.net/QDUyR/1/
将此放入您的 <body>
onload 事件,你应该被设置 :)
// Add event listener for scrolling
$("#left").on("scroll", function () {
var scrolledleft = parseInt($("#left").scrollTop()) * -1;
console.log(scrolledleft + scrolledright)
$("#right").scrollTop(scrolledleft + scrolledright)
})
//Move right column to bottom initially
$("#right").scrollTop($("#right").height())
//Get actual distance scrolled
var scrolledright = parseInt($("#right").scrollTop())
编辑:更新后无论 div 的高度如何,只要它们相等即可。
关于javascript - 同时向下滚动一个 div 和向上滚动一个?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19667687/