ブログのサイドバー追尾の個人的最適解。コンテントとサイドバーのスクロール速度を変えてみる - MANA-DOT
まとめブログなど、メインコンテントとサイドバーの2カラム構成で、メインコンテントが非常に長いサイトでよく見るサイドバーの動きで、スクロールしてサイドバーをすべて表示したら、その箇所からサイドバーをスクロールに追尾させるというものが有ります。 しかし、個人的には見栄え･サイドバーコンテンツの効果の2つの観点であまりよい方法でないと思っています。 そこで、より良いと考えている方法として、画像のようにメインとサイドバーのスクロール速度を変更し、両者が同時に末尾までスクロールするようにする方法を紹介します。 何故追尾サイドバーが良くないか 画像は痛いニュースより。 見栄え･印象 ｢最初は普通にスクロールできていたが、途中からついてくる｣ということから、多くの人は｢ 鬱陶しい ｣｢ うざい ｣といった負の印象を感じると思います。もっとも、これは僕の主観ですので人に依りそうでは有ります。 サイドバーの
スクロールしたらサイドバー固定するコピペ用スクリプト【jQuery利用】
2015/03/12 (更新日: 2016/08/14) スクロールしたらサイドバー固定するコピペ用スクリプト【jQuery利用】 JavaScript PROGRAMMING 今どきのフロントエンドエンジニアはサイドバーを固定したいと思います。ブログとかでもよく使われている手法ですよね。 デモ：» スクロールでサイドバー固定するデモ それでググっていたら以下のスクリプトにたどり着きました。 » ライブドアみたいにスクロールしたらサイドバーの広告を固定する – ぼくはまちちゃん！(Hatena) たしかに動くのですが「コード長すぎじゃないか！」と思ったので、もっとスッキリしたコードを配布します。jQueryを利用するので、しっかり読み込んでおいてください。 サイドバー固定のJavaScriptテンプレート // PC用のサイドバー固定 (function(){ $(function(){
コピペでＯＫ！サイドバーの広告を固定してスクロールに追従させる方法
こんにちは、@webgoyaです。 最近ちょくちょく見かける、スクロールアウトした後もサイドバーの要素が固定されて付いてくるメニューを当ブログにも導入してみましたので、その設置方法の解説です。 導入自体は簡単なのですが、よく見てみるとスクロールに追従してそのままフッタ―部分に重なってしまってるブログやサイトも多くて、それはなんだかイケてない気がしたので、今回紹介するものは当ブログのようにスクロールに追従後、今度はフッタ―前になるとピタリと止まってくれるやつにしました。 当ブログでは広告をローテーションバナーでランダムに表示させていますが、広告だけでなく、ソーシャルボタンや各種ブログパーツなども固定して追従させる事ができます。 ちなみにAdSenseでこれをやるのはGoogleの規約で禁止されているので違反行為です。 クリック率は間違いなく上がるのでやりたくなるかもしれませんが、アカウント停
ライブドアみたいにスクロールしたらサイドバーの広告を固定する - ぼくはまちちゃん！
こんにちはこんにちは！！ 夏ですね！ 真夏ですね！！ ところで最近、ライブドアの一部の人気ブログで、サイドバーの挙動に「んん？」って思ったことありませんか！ …百聞は一見にしかずってことで、実際の例をみてみましょう！ ※PC版のみです ハムスター速報 (左のサイドバーを見ながら、下にスクロールしてください) 痛いニュース(ﾉ∀`) (右のサイドバーを見ながら、下にスクロールしてください) ある程度スクロールすると、サイドバーの広告がぴたっと固定されますね！ これって流行りなんでしょうか…！ そんなわけで、もしかしたら同じことをやりたい人が他にもいるのかも？と思って、 コピペで使えるJavaScriptにしてみました！ ↓ 動作サンプルです！ スクロールしたらサイドバーの広告を固定するスクリプトの動作サンプル ↓ コードはこれです！ 適当にコピペしてブログに貼り付けてね！ <script t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://webdev.bulkitem.com/%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E6%99%82%E3%81%AB%E5%BA%83%E5%91%8A%E3%82%92%E5%9B%BA%E5%AE%9A%E3%81%99%E3%82%8B
