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

おすすめの記事

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

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

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

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

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

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

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集できる投稿画面を作る方法

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集…

fluentdとNorikraでDoS攻撃を遮断し、メールで通知する方法

fluentdとNorikraでDoS攻撃を遮断し、メールで通知する方法

Windows 10でpsd形式のファイルをサムネイル表示する方法

Windows 10でpsd形式のファイルをサムネイル表示する方法

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

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

初心者でも安全なLAMP環境を構築する方法を解説

初心者でも安全なLAMP環境を構築する方法を解説


コメントを残す

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

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