73

私はこれを数時間探していましたが、解決策がありません。ページの上部までスムーズにスクロールしたい。サイトに添付されたファイルを使用して、ページ内のアンカーを分離するためのスムーズ スクロールが既にあり.jsますが、上部にアンカーを使用することはできません。ボディエリアの上を編集します。

これがスムーズなスクロールを実現した場所です。「jqueryプラグインなしの要素へのスムーズなスクロール」をセットアップしようとしましたが、数え切れないほどの試みの後、明らかにそれを配置する方法がわかりません。私も使用しましwindow.scrollTo(0, 0);たが、すぐにスクロールします。ありがとう！

さらに: http://jsfiddle.net/WFd3V/class="smoothScroll" -私の他の要素がそれを使用しているので、コードはおそらくタグになるでしょうが、それをhref="javascript:window.scrollTo(0,0);"、またはページをアンカーのないトップ。

4

14 に答える 14

145

最も簡単な解決策は次のとおりだと思います。

window.scrollTo({top: 0, behavior: 'smooth'});

インスタントスクロールが必要な場合は、次を使用してください。

window.scrollTo({top: 0});

関数として使用できます:

// Scroll To Top

function scrollToTop() {

window.scrollTo({top: 0, behavior: 'smooth'});

}

または onclick ハンドラーとして:

<button onclick='window.scrollTo({top: 0, behavior: "smooth"});'>Scroll to Top</button>
于 2019-04-30T17:32:52.143 に答える