这是我一直在使用的。一切都很好,除了如果你向下滚动一点,当你向下滚动时,你会看到对齐越来越偏离。#left
div 应该移动与div.css('top')
相同的距离,但随着时间的推移,盒子相交的地方会爬上包含的.#right
scrollTop()
div#innerScroller
如果你比较青蛙第一次出现的位置,与它第二次出现的位置,你会看到我的问题。
不要担心车把的东西......相关的JS很小:
var left = $('#left');
var leftHeight = left.height();
var leftTop = 0 - leftHeight + $('#right').height();
left.css('top', leftTop + 'px');
$('#right').on('scroll', function(){
var scro = parseFloat($('#right').scrollTop());
var goal = leftTop + scro;
left.css('top', goal + 'px');
});
谢谢!
编辑:
只是说,这行得通,但是非常老套,而不是我正在寻找的那种解决方案:
var scro = (parseFloat($('#right').scrollTop())) * 1.062;