我想让一个div在页面向上或向下滚动时,从左边移动到右边。当页面向下滚动时,它应该向右移动;当页面向上滚动时,它应该向左移动。
看这里一个小例子,一个红色的框将水平滚动,根据你垂直滚动的页面百分比:
$(document).ready(function () {
var $horizontal = $('#horizontal');
$(window).scroll(function () {
var s = $(this).scrollTop(),
d = $(document).height(),
c = $(this).height();
scrollPercent = (s / (d - c));
var position = (scrollPercent * ($(document).width() - $horizontal.width()));
$horizontal.css({
'left': position
});
});
});