スクロール追従 | うぇぶ小屋

ホーム / スクロール追従
  • 2013/01/26
  • コピペでOK!サイドバーの広告を固定してスクロールに追従させる方法

    コピペでOK!サイドバーの広告を固定してスクロールに追従させる方法

    こんにちは、@webgoyaです。

    最近ちょくちょく見かける、スクロールアウトした後もサイドバーの要素が固定されて付いてくるメニューを当ブログにも導入してみましたので、その設置方法の解説です。

    導入自体は簡単なのですが、よく見てみるとスクロールに追従してそのままフッタ―部分に重なってしまってるブログやサイトも多くて、それはなんだかイケてない気がしたので、今回紹介するものは当ブログのようにスクロールに追従後、今度はフッタ―前になるとピタリと止まってくれるやつにしました。

    当ブログでは広告をローテーションバナーでランダムに表示させていますが、広告だけでなく、ソーシャルボタンや各種ブログパーツなども固定して追従させる事ができます。

    ちなみにAdSenseでこれをやるのはGoogleの規約で禁止されているので違反行為です。
    クリック率は間違いなく上がるのでやりたくなるかもしれませんが、アカウント停止などのリスクが無いとも言えませんので止めておいた方が良いでしょう。

    参考:Google プロダクトフォーラム

    それでは設置方法です。

    記事の続きを読む ≫

    人気記事

    最新のエントリー

    カテゴリ

    ライター募集!