検索

ホームページ >ウェブフロントエンド >jsチュートリアル >code_jquery の実装により、アンカーポイントを使用せずにページ上の指定した位置までスムーズにスクロールできます。

code_jquery の実装により、アンカーポイントを使用せずにページ上の指定した位置までスムーズにスクロールできます。

WBOY
WBOYオリジナル
2016-05-16 17:34:201392ブラウズ

アンカーせずにページ上の指定した位置までスムーズにスクロールできます

コードをコピーします コードは次のとおりです:



> ScrollTo: ページ上の指定された位置までスムーズにスクロールします

< ;style type="text/css">
.nav{width:500px;margin:10px auto;}
.nav li{float:left width:100px; :24px; 行の高さ: 24px}
.box{高さ:500px}
.box h3{高さ:32px; フォントサイズ:14px; >.clear{clear:both }
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,em,img,small,strong,sub,sup ,u,i,center, dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical- align:baseline;background:transparent }
a{color:#007bc4/*#424242*/; text-decoration:none;}
a:hover{text-decoration:underline}
ol,ul {list-style:none}
table{border-collapse:collapse;border-spacing:0}
body{height:100%; font:12px/18px 「Microsoft Yahei」、Tahoma、Helvetica、Arial、ベルダナ、"5b8b4f53"、サンセリフ; カラー:#51555C; 背景:#162934 url​​(../images/body_bg.gif)repeat-x}
img{border:none}
#main{width :910px; 最小高さ: 600px; マージン: 30px 自動 0 自動; -moz-border-radius: 12px;-webkit-border-radius: 12px;半径:12px;}
h2.top_title{マージン:4px 20px; パディング-左:20px; ボーダー-ボトム:1px; フォントサイズ:18px; color:#a84c10;}