[WordPress]これでフッターに重ならない！ ブログのサイドメニューを固定してスクロールに追従させる方法 | NANOKAMO BLOG
photo credit: Eric M Martin via photopin cc どうも@kuroji1987です。 ブログのサイドメニューに、スクロールに追従するメニューを設置いたしました。「オススメ記事」というタイトルで、同じカテゴリの記事をランダムで表示させています。 広告を表示させることもできるのですが、Googleの規約で禁止されているという話なのでやってません。結構やっているブログあるので、もしかしたら大丈夫なのかなぁとも思うのですが……。どうなんでしょうかねｗ ということで、その追従するメニューの設置方法をご紹介します。 フッターにめり込まないメニューがいい スクロールに付いてくるだけならとっても簡単に実装できるのですが、多くのブログがそうであるようにスクロールしきったのち、そのままメニューがフッターにめり込んでしまうという現象が発生します。これが僕はどうしても許せま
[JS]ウェブページやWordPressのページを無限スクロールさせるスクリプト -Infinite Scroll
ウェブページをPinterestのように無限スクロールさせるjQueryのプラグイン、アンドWordPressのプラグインを紹介します。 Infinite Scroll 一番最初にリリースされたのはかなり前ですが、いつの間にか2.0にバージョンアップされていたのでご紹介。 Infinite Scrollのデモ Infinite Scroll -jQueryのプラグイン Infinite Scroll -WordPressのプラグイン Infinite Scrollのデモ デモはテキストだけのページです。 ページ下部の「more」をクリック Infinite Scroll -jQueryのプラグイン Infinite Scroll -jQueryのプラグイン Infinite Scrollの使い方 Infinite Scrollの実装は簡単です。 まずは、外部ファイルをセットします。 <sc
【流れるテロップのような表現ができるjQueryプラグイン「liScroll 」と「JQUERY NEWS TICKER」】｜今村だけがよくわかるブログ
【流れるテロップのような表現ができるjQueryプラグイン「liScroll 」と「JQUERY NEWS TICKER」】 テレビの下とかに流れる、テロップのような表現をwebサイトにも設置することができます。 「liScroll 」サンプルはこちらタブの「Result」で動作を確認ください 配布元はこちらhttp://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html もう１つ知ってるプラグインがありますんで、ご紹介します。 「JQUERY NEWS TICKER」サンプルはこちらタブの「Result」で動作を確認ください 配布元はこちらhttp://www.jquerynewsticker.com/ どちらもかっこいいですよね～。 シーンによって使い分け
[JS]スクロール時に面白いエフェクトを与えるjQueryのプラグインのまとめ
パララックスをはじめ、パスに沿ってスクロールさせたり、スクロールに合わせてパネルを表示するなど、スクロール時に面白いエフェクトを与えるjQueryのプラグインを紹介します。
jQueryでスクロールすると表示する系いろいろ
Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-
要素を無限スクロールさせるjQueryプラグインいくつか
必要になるかも知れないので、 今のうちにかき集める作業です。 よくみる無限スクロールサイトを 実装できるjQueryプラグインです。 あんまり使ったこと無いので 注意点なんかのメモ書きもして おきます。 というわけでいつもの自分用メモなので、これから触る用のまとめです＝オススメプラグインとかじゃないです。無限スクロールと言っても要素が無くなれば止まります。当たり前ですが。 Tumblrとかギャラリーとかでよく見かける無限スクロールを実装できるやついろいろ。WPデザインギャラリーでも実装していますが、これは5509氏のプラグインによるものです。便利っすー。 infinite scroll jQuery Masonryっていう、boxを段々にするやつと一緒に使ってるのを以前実装しました。結構よかった。WPプラグインもあるみたい。 infinite scroll Endless Scroll ち
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
