滚动页边空白处的更改

从左到右滚动我有这个小小的javascript，它工作得很好。滚动页边空白处的更改

window.onscroll=function() { 
var scroll = window.scrollY; 
$('#page').css('left', '-' + scroll + 'px'); 
}

但是每当我向右滚动一次，滚动回到左侧时，内容的边距就会改变。

您可以看到滚动条在两张图片的顶部。第一个在滚动之前，第二个在滚动之后。

demo without pictures

来源

2013-10-03 Oussama Dooby

这可能是您提供给我们的信息较少。一个jsfiddle重现问题将有助于... –

在我看来，像它的完美工作和一些元素的位置固定 –

jsfiddle将在一两分钟内提供@DominicBartl –

添加position:fixed不元素自动定位到最左边。您应该#page添加初始left值一致的结果，f.ex：

#page{ left:0 }

虽然它看起来像你想有一些向左更多的空间，让你可以试试：

var init = 200, // the initial left margin 
    $page = $('#page').css('left', init); 
window.onscroll = function() { 
    $page.css('left', init-window.scrollY); 
};

来源

2013-10-03 09:48:10 David

页面左：0做的窍门！我为内容div添加了一个额外的余量，并且我的工作很完美。谢谢！ –

当css样式left = 0px时会发生这种情况。如果scroll = 0，请删除左侧的样式
请参阅示例http://jsbin.com/umAdeGI/2

来源

2013-10-03 10:04:20

我已经修好了，不过谢谢。 –

滚动页边空白处的更改

回答

相关问题