visual studio codeでページ下部の「ページトップへ」をクリックするとスクロールしてトップへ戻るプログラムを作成したいんですけどcssの書き方がよくわかりません。
どのように書けばいいでしょうか?
<html> <link rel="stylesheet" href="test.css"> <p>ページトップ</p> <p class="toTop">ページトップへ</p> </html> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $('.toTop').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); </script>
CSS↓ (どのように書けばいいかわからない)
.toTop { margin-top: 800px; display: inline-block; background: #0bd; padding: 15px; color: #fff; cursor: pointer; } body { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif; }
回答1件
あなたの回答
tips
プレビュー