タグ

ブックマーク / memocarilog.info (1)

  • スクロールでtopへ戻るボタンを表示するjQueryコード(スムーススクロール)

    (”追記”書きました。) 下にスクロールすると横にtopへ戻るボタンを表示させるjQueryのコードのチュートリアルが公開されていましたのでメモ。 チュートリアルページ→webdesignerwall チュートリアルdemo→demo 上記のページに設置方法も詳しくのっています。デモコードと画像のダウンロードもできます。 チュートリアルページに公開されているCSSのコードとjQueryのコードをヘッド内で読み込み、 下記の例のように、body内のスクロールさせたい要素に”back-top”とidをふり空のspanを入れます。 <p id="back-top"> <a href="#top"><span></span>Back to Top</a> </p> このspanの部分がスクロールボタンになります。 CSSをいじればスクロールボタンの位置やデザインなど変更できます。 ↓↓Demoを作

    スクロールでtopへ戻るボタンを表示するjQueryコード(スムーススクロール)
    mhkohei
    mhkohei 2013/09/15
  • 1