タグ

htmlとスクロールに関するji_ryooのブックマーク (1)

  • トップに戻るボタンをjQueryでニュルッと改造する

    これまで設置してた「トップに戻る」ボタンの難点 ブログやサイトなどで、ページの右下だったり左下だったりに「トップに戻る」「PAGE TOP」などといったボタンが設置されているのをよく見かけますよね。 当ブログでも開設当初から設置してました。 ▲ 当ブログに以前設置してた「ページ先頭へ」ボタン。クリックするとページの先頭に移動する機能です。ボタン位置はCSSで固定させているのでスクロールしても一定の場所から動きません。 これはこれで最初は満足してました。しかし途中で「あること」に気付いた、というか再認識しました。 たとえば当ブログのトップページを表示した時、 ▲ URLのお尻に「#header」という文字が追加されてしまいます。 これはHTMLの仕様で、ボタンをクリックすると「id=”header”」と書かれてる位置に移動しろ、という命令を処理。最新の表示位置(=つまりheaderの位置)を

    トップに戻るボタンをjQueryでニュルッと改造する
  • 1