HTMLのスクロールバーでスライドするカスタムメニューのコード実装

この記事の内容は、スクロールバーを使ってスライドするカスタムメニューのコード実装に関するものです。必要な方は参考にしていただければ幸いです。

1. div を指定します

    <style>
            #menu{
                position: relative;top: 0px;
            }
    </style>
<div id="menu"> </div>

2. イベントメニューをクリックして

<script>
		function showHide(num){
			if(num==1){
				$(&#39;html, body&#39;).animate({scrollTop: $(&#39;#biaoji1&#39;).offset().top},"slow")//"slow"
			}else if(num==2){
				$(&#39;html, body&#39;).animate({scrollTop: $(&#39;#biaoji2&#39;).offset().top},"slow")
			}else if(num==3){
				$(&#39;html, body&#39;).animate({scrollTop: $(&#39;#biaoji3&#39;).offset().top},"slow")
			}
		}
	</script>

3. マウスをロールします

ブラウザでの再描画とリフローの概念分析

以上がHTMLのスクロールバーでスライドするカスタムメニューのコード実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。