jQuery：スクロールしたらヘッダーやナビゲーションを固定・変化させる動きを実装するサンプルコード 5 - NxWorld
一度は見かけたことがあると思う、スクロールしたらヘッダーやナビゲーションを固定表示させたり見栄えを変化させたりする動きをjQueryで実装するサンプルです。 途中から要素を固定させたり、スクロールした方向によって表示・非表示を切り替えたりなど全5種類です。 使用HTML 特にこのようにしなければいけないというものではないですが、今回のサンプルで使用しているHTMLはいずれも下記のようなもの（サンプルによってはnav要素がないものもあります）になっており、このHTMLにあるheaderやnav要素に対してjQueryで処理していくといった感じになります。 <header> ...</header> <nav> ... </nav> <main> ... </main> <footer> ... </footer>
WordPress：get_the_posts_pagination()をカスタマイズして、現在のページ数と全ページ数を表示させる方法 - NxWorld
WordPressで記事一覧などにページネーションを設置したい場合、特別な機能など必要なければプラグインなどを使用しなくてもget_the_posts_pagination()やthe_posts_pagination()を使うことで表示させることができますが、これをもう少し自分好みにカスタマイズして表示させる方法です。 ここではデフォルトだとスクリーンリーダー用テキストとして「投稿ナビゲーション」と表示されている部分を、現在のページ数と全ページ数を表示させるようにしてみます。 実装にはfunctions.phpへ下記のように記述し、get_the_posts_pagination()の出力内容を一部変更させます。 具体的には関数内で現在のページ数と全ページ数をそれぞれ取得し、デフォルトで「投稿ナビゲーション」と表示されるスクリーンリーダー用テキスト部分をpreg_replace()を使っ
jQuery MagicLine Navigation | CSS-Tricks
These “sliding” style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently. Turns out it’s really pretty darn easy. I put two examples together for it. The Idea The idea is to have a highlight of some kind (a background or an underline) follow you around as you mouse over the different links in the navigation. This will ha
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
