私はjavascriptに関してはまったくの初心者なので、助けを求めています。
私のマークアップは次のようなものです:
<body >
<div class="header_link">
<h1 style="clear:both; padding:5px;">Smooth Scroll by Dezinerfolio</h1>
<a name="top" href="#footer">GO TO FOOTER</a>
<a href="#middle">GO TO MIDDLE</a>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec diam magna, consequat non, adipiscing quis, congue a, mauris. Duis convallis leo quis metus. </p>
</div>
<div class="middle_link">
<a name="middle" href="#top">GO TO TOP</a>
<a href="#footer">GO TO FOOTER</a>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec diam magna, consequat non, adipiscing quis, congue a, mauris. Duis convallis leo quis metus. </p>
</div>
<div class="footer_link">
<a name="footer" href="#top">GO TO HEADER</a>
<a href="#middle">GO TO MIDDLE</a>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec diam magna, consequat non, adipiscing quis, congue a, mauris. Duis convallis leo quis metus. </p>
</div>
</body>
私が望むのは、訪問者がその特定のボタンをクリックすると、ページがその特定のボタンまでスムーズに/ゆっくりとスクロールすることですdiv
。
jQuery と MooTools に多くのプラグインがあることは知っていますが、これは私のサイトで必要な唯一の JavaScript 関数であり、残りはすべて単純な CSS アクティビティであるため、それらを使用したくありません。したがって、この小さな機能を実現するために、60 ~ 100 KB の JavaScript ライブラリ (jQuery または MooTools) 全体をロードしても意味がありません。シンプルでプレーンな JavaScript 関数を探しています
助けてください!