納豆、Web、雑記など

JavaScriptだけで実装する、ページ内リンクのスムーズスクロール(はてなブログ仕様)

前回、jQuerjQuery で脚注もスクロールで移動するようにするスクリプトを紹介したのですが、この動作だけで jQuerjQuery を使うのはちょっと…、などと思うことがあるかもしれません。わたしもどちらかと言えばそんな方です。なので、いろいろ調べてみてJavaS…

【jQuery】はてなブログの脚注も、するするスクロール移動するスクリプト

今回は久々に、はてなブログのカスタマイズ系の記事です。はてなブログでは「脚注」や「目次」を設置する機能があり、これでページ内リンクを設置できます。で、このページ内リンクですが、サイトによってはスルスルとスクロールして移動する所がありますよ…

【小ワザ】はてなブログで検索ボックス内の文字(プレースホルダー)の変更方法

前々回の記事に続き、プレースホルダーの小技をもう一つ。はてなブログ限定ですが(笑)と言うのも、はてなブログの今(2017年11月1日)のプレースホルダーは「記事を検索」ですが、一年前ほどのプレースホルダーは「ブログ内検索」だったのですね。当時のわ…

はてなブログの月別アーカイブを滑らかに開閉したり自動で閉じたりする、いわゆるアコーディオンにカスタマイズ

はてなブログの月別アーカイブを表示している方は多いと思います。このブログでも設置していますが、実は気になるところが二つあり、それは 月毎のリストの開閉が急 他の年のリスト表示ボタンを押しても、すでに開いているリストが開いたまま この二つです。…

jQueryを使わず、CSSとJavaScriptで実装するトップに戻るボタン

「トップに戻るボタン」というものがあります。ブログの右下によく表れる、押せばページ上部に戻れるアレのことです。これを設置する場合、jQueryを使った方法が多く紹介されています。ですが、もし「トップに戻るボタン」だけにjQueryを使っていたら、軽い…