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

おすすめの記事

Excelでセルとセルの間をダブルクリックすると移動する機能を停止する方法

Excelでセルとセルの間をダブルクリックすると移動する機能を停…

5段階評価プラグインを通して学ぶPukiWikiのプラグインを作成する方法

5段階評価プラグインを通して学ぶPukiWikiのプラグインを作成す…

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

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

サーバの処理を自動実行するcronの仕組みと応用法

サーバの処理を自動実行するcronの仕組みと応用法

WordPressの最速キャッシュを探せ!APC、memcached、Transients APIを比較

WordPressの最速キャッシュを探せ!APC、memcached、Transients…

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

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

Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスターの使い方

Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスター…

Google Fontsの日本語フォント「Noto Fonts」の使い方

Google Fontsの日本語フォント「Noto Fonts」の使い方


コメントを残す

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

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