スクロールした位置に付いてくるサイドバーを実装するjQueryプラグイン・Contained Sticky Scroll
気になったので備忘録。スクロール した位置に付いてくるサイドバーを 実装してくれるjQueryプラグイン・ Contained Sticky Scrollです。細 かいオプションも設定できて、IE6や IE7でも動作してくれるので覚えて おこうと思って記事にします。 Web Designer Wallがリニューアルしてサイドバーを固定していました。これはcssで実装してるみたいですが、IE6利用率が10％を超える日本では、まだ捨てるわけにもいかないのが現状ですね。（個人的には徐々に捨て始めてますがｗ） 基本的にはアニメーションで付いてきますが、ノンアニメーションも可能です。 使い方いつもどおりjQueryとプラグインのパスを書きます。 <script type="text/javascript" src="jquery.min.js"></script> <script type="tex
スライドスクロールページ内リンク jQuery.slideScroll.js :: 5509
memo: Easingプラグインで実現するスクロールの方がきれいにスクロールできるのでおすすめです。 jQuery.slideScroll.jsはよくあるページ内リンクをスクロールさせるやつです。 スクリプト内でjQueryはほとんど使ってなくてjQueryプラグインな必要もあんまりない感じですが アンカーの指定がし易いのと僕がjQueryを99％使ってるのとでjQueryプラグインになってます(*1。 *1) jQuery非依存版もあります スクロール型のページ内リンクは 僕がJavaScriptをやってみようと思ったきっかけでもあって いつか自作できたらいいなぁと思ってたのでした。 jQuery.slideScroll.jsのサンプルを見る 5509でも読み込むようにしたのでサイト中のページ内リンクでも確認できます。 (トピックスがページ内リンクになってるのでそこで確認できます。)
設置サンプル
Krispy Kreme Doughnuts 新宿サザンテラスにいつも長蛇の列を作っている人気のドーナツ屋さん「クリスピー・クリーム・ドーナツ」。 有楽町丸井の地下にもあります！こちらも同じく長蛇の列ですが新宿よりは込んでないみたい。待っている間に焼きたてのドーナツをくれたりします♪ ドーナツの箱がピザの箱みたいでアメリカン！すごく甘いのかと思ってたら、意外とほどよい甘さ。生地はややわらかくてふんわりしてました！ サインがいっぱい 芸能人の方や、著名人の方のサインが壁にところなしと！ レバ刺 びっくりするぐらい美味しいレバ刺！鮮度抜群！味付きでたれには付けて食べないタイプ。ぜんぜんレバーの臭みがなくて、ちょっとレバーって嫌いって人でもつるつるいけちゃいそう！いままで食べた中で一番おいしいレバ刺でした♪何皿もいけそうなくらい！！ ハツ刺 珍しいハツ刺。生でハツ食べるなんて初めてでした！味
ひと味違ったページ内スクロールをjQuery Easingプラグインで実装する jQuery.easing.scroll.js :: 5509
ひと味違ったページ内スクロールをjQuery Easingプラグインで実装する jQuery.easing.scroll.js サンプルを見る (IE6では確認できません jQueryを使うとかなり簡単にページ内スクロールが実装できるのですが、さらにjQuery Easingプラグインと合わせるとなかなか面白い動きができたりします。 というわけで誰でも簡単に導入できるようにプラグインにしました。以前にslideScroll.js(jQueryプラグイン版）というページ内スクロールの記事を書きましたが、悲しいことに断然こちらのほうがおすすめです。動きが滑らか…そして自分の好きな動きから選べます。 今回はソースの解説もしてるので、興味のある人は見てみてください。 ページ内スクロールプラグインなのに、7KBもあるのはEasingプラグインの容量が5KBだから…これを機に他のアニメーション部分でも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スライドスクロールページ内リンク jQuery.slideScroll.js | 5509
