javascript - Jquery Scroll ユーザーが画面上にいる場所から 1 ピクセル

Question

さて、シナリオです。アンカー リンクを使用する 5 つのセクションを含む 1 ページの Web サイトがあります。ユーザーがセカンダリ レイアウト (ページ) にいて、クリックしてメイン ページのセクションに再度移動すると、何らかの理由で、スクロールが発生するまでグラフィックが正しく読み込まれません。私がやりたいことは、メイン レイアウトがロードされるたびに、ロード先のアンカーに関係なく、ページを上下に 1 ピクセルずつスクロールすることだけです。

 $.scrollTo({ top: '+=100px', left: '+=0px' }, 800);

上記を試してみましたが、このコードは単純にユーザーを上から 100 ピクセル取得します。つまり、上からではなく、ユーザーが画面上のどこからでも発生したくありません。

Answer 1

jquery scrollTop（）を使用して、スクロール位置を現在のスクロール位置+1に設定します。

$(window).scrollTop($(window).scrollTop()+1);

Answer 2

jQueryオーバーヘッドのない純粋なJavaScriptソリューション：

window.scrollY += 100;

jQuery（および派手なアニメーション）を使用する場合：

var cur = $(window).scrollTop();
$(window).animate({scrollTop: cur + 100});

Answer 3

$("html, body").animate({scrollTop: ($(window).scrollTop() + 1)});