17

HTML マークアップがあります。

HTML:

<body>
    <header></header>

    <nav>
        <ul>
            <li><a href="#one">one</a></li>
            <li><a href="#two">two</a></li>
        </ul>
    </nav>

    <section id="one"></section>
    <section id="two"></section>

    <footer></footer>
</body>

ここで、セクションはフルスクリーン(幅: 100%; 高さ:100%;) で、メニューには絶対位置があります。

質問：

  1. マウス スクロール (またはキー) を使用してスクロールし、各セクションにスナップするにはどうすればよいですか?
  2. 最後のセクションまでスクロールしたら、もう一度#one までスクロールして繰り返します。
  3. リンクをクリックすると、セクションにスクロールします。

提案、アイデア、コードをありがとう。

4

2 に答える 2