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


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



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

addthis_nazo

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

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


バグの症状

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

addthis_nazo02

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

addthis_nazo01

対処法

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

#_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を設置する方法

おすすめの記事

Apacheのmod_expiresでファイルタイプごとにキャッシュをコントロールする方法

Apacheのmod_expiresでファイルタイプごとにキャッシュをコント…

誤って削除したGoogle Chromeのブックマークを復元する方法

誤って削除したGoogle Chromeのブックマークを復元する方法

自前の国別IPv6、IPv4アドレス割当リストを作成しよう

自前の国別IPv6、IPv4アドレス割当リストを作成しよう

エンティティとデコード用プラグイン「Entity Decode Button」を作成しました

エンティティとデコード用プラグイン「Entity Decode Button」…

iptablesで設定したパケットフィルタリングが正しく動作しているかテスト

iptablesで設定したパケットフィルタリングが正しく動作してい…

これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方

これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザイン…

PukiWikiで5段階評価を付けるプラグインを作成しました

PukiWikiで5段階評価を付けるプラグインを作成しました

Linuxでサーバを構築するに当たって必要になる基礎知識

Linuxでサーバを構築するに当たって必要になる基礎知識


コメントを残す

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

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