Addthisを使っていると発生するページ最下部の謎スペース対策


投稿日:2014年12月22日
  • 0
  • 0



全く修正をしていないのにfooterの下に謎のスペースが発生

addthis_nazo

ここ数日のことですがページの最下部に謎のスペースが入るようになりました。

原因を追っていくと、ソーシャルブックマークのボタンである「Addthis」のスクリプトが悪さをしているようです。恐らくAddthis側のアップデートによるものだと考えられます。
影響が大きいので修正されると思いますが、まだあまり情報がないため対策を紹介します。


バグの症状

このサイトの場合、本来であればノートのフッターが以下のようにピッタリと表示される。

addthis_nazo02

今回Addthisのスクリプトで発生する症状

addthis_nazo01

対処法

色々いじっても消えずに困っていたのですが、CSSに以下のように追加するだけで削除することができました。

1
2
3
#_atssh {
     display: none;
}

お困りの方は試してみてください。


現在のページを共有する



現在のページに関連する記事

Addthisを使っていると発生するページ最下部の謎スペース対策 これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方
Addthisを使っていると発生するページ最下部の謎スペース対策 ads.txtの設置方法を通して学ぶインターネット広告の問題点
Addthisを使っていると発生するページ最下部の謎スペース対策 「最新版」WordPressに各種ソーシャルメディアボタンを追加する方法
WordPressをインストールしたら初めに設定する項目 WordPressをインストールしたら初めに設定する項目
PukiWikiで表組みデザイン PukiWikiで表組みデザイン
Addthisを使っていると発生するページ最下部の謎スペース対策 AddThisにEvernote、StumbleUpon、mixi checkを追加する方法
Addthisを使っていると発生するページ最下部の謎スペース対策 WordPressのショートコードを利用してSNSのVertical Balloonを設置する方法

おすすめの記事

ImageMagickをWindowsのXAMPPに導入する方法

ImageMagickをWindowsのXAMPPに導入する方法

WordPressで手軽にAdblock対策するならBetter Stop AdBlockで決まり!

WordPressで手軽にAdblock対策するならBetter Stop AdBlockで決…

知らなきゃ損!WordPressの表(テーブル)はExcelで作ろう!

知らなきゃ損!WordPressの表(テーブル)はExcelで作ろう!

WordPressに「トップへ戻る」ボタンを設置して、フックの仕組みについて学ぼう

WordPressに「トップへ戻る」ボタンを設置して、フックの仕組み…

Linuxの基本の基本。Linuxの基本的なディレクトリ構成

Linuxの基本の基本。Linuxの基本的なディレクトリ構成

パソコン用メガネなんていらない!無料でできる5つの疲れ目対策

パソコン用メガネなんていらない!無料でできる5つの疲れ目対策

作業効率を飛躍的に向上させる!実務で使うIllustratorのショートカット一覧

作業効率を飛躍的に向上させる!実務で使うIllustratorのショー…

W3 Total Cacheの設定を通して学ぶ、WordPressを高速化するキャッシュの仕組み

W3 Total Cacheの設定を通して学ぶ、WordPressを高速化するキャ…


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。