2

左から右にスクロールするには、この小さな JavaScript を使用します。これは非常にうまく機能します。

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

しかし、一度右にスクロールし、左にスクロールするたびに、コンテンツの余白が変わります。 画像

どちらの画像でも、スクロールバーが一番上にあることがわかります。1枚目はスクロール前、2枚目はスクロール後です。

写真なしのデモ

4

2 に答える 2

2

追加position:fixedしても、要素が自動的に左端に配置されるわけではありません。一貫した結果を得るには、f.exの初期left値を追加する必要があります。#page

#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-03T09:48:10.690 に答える
1

これは、css style left=0px の場合に発生します。scroll = 0 の場合、左のスタイルを削除するだけです
例を参照してくださいhttp://jsbin.com/umAdeGI/2

于 2013-10-03T10:04:20.577 に答える