web-dev-qa-db-ja.com

ボタンをHTMLでページをスクロールダウンさせる方法は？

このためのチュートリアルがどこにも見つからなかったか、適切なキーワードを使用していませんでした。 1ページのウェブサイトを作成しています。ナビゲーションバーのボタンを使用して、ページを上下にスクロールして右の部分に移動します。これはHTMLとCSSだけで可能でしょうか？
私はJavaScriptの経験があまりありません。

'' Scroll to the top ''に似ていますが、中央、上部、下部など、ページをスクロールする場所を決めることができます。

javascripthtmlcssscroll
11
user2907241

pdate： HTMLのid属性を使用して、これを使用するより良い方法があります。

宛先IDを設定します：<h1 id="section1">Section 1</h1>

そして、アンカータグを使用してその宛先へのリンクを作成します：<a href="#section1">Go to section 1</a>

この新しいメソッドの利点は、id属性を任意のHTML要素に設定できることです。リンク先リンクの周りに余分なアンカータグを付ける必要はもうありません！

元の回答：

HTMLアンカータグを使用して見ることができます。

<a name="section1">Section 1</a>

と一緒に

<a href="#section1">Go to section 1</a>

ユーザーが「セクション1に移動」をクリックすると、「セクション1」のテキストが表示されているページのセクションに移動します。

14
Charles

window.scrollToを使用すると、このようにページを下にスクロールできます

window.scrollTo(0,document.body.scrollHeight);
1
Divyesh Kanzariya