ページトップへ戻るボタンの位置を自動調節したい

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など ページトップへ戻るボタンの位置を自動調節したい

このトピックには4件の返信が含まれ、2人の参加者がいます。10 ヶ月、 2 週間前 だむ さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #60225

    だむ

    過去ログを読み、同様の問題がでているため同じことをしたくなりました。

    しかしうちのサイトに表示される広告にはclassやidが設定されていないようです。
    その場合でも同様の機能を実装する方法があれば教えていただけないでしょうか?

    対象のサイトはこちらです。

    問題の広告はモバイル表示のときのみ表示されるもので、このようにトップへ戻るボタンが隠れてしまいます。

    この広告は借りている無料鯖の都合上表示されるものです。

    とりあえずこちらの投稿を参考に直接数値を指定すれば回避することはできそうなのでどうしてもと言うほどではないのですが、別の広告に差し替わる可能性を考えると自動設定できるのであればやりたいと考えています。
    今後、有料で広告のない鯖に移動してアドセンスの自動挿入を利用するようなこともあるかもしれません。

    該当部分のソースは以下のようになっているようです。

    <div style="display: block; z-index: 2147483647; position: absolute; top: 1150px; left: 0px; width: 456px; height: 72px; transition: opacity 100ms ease-out 0s; opacity: 1; overflow: hidden; margin: 0px; padding: 0px; border: medium none;">
    	<a href="https://ad.xdomain.ne.jp/rd.php?aid=xdomain_cocorosekai_i" target="blank" style="display: block; width: 100%; margin: 0px; padding: 0px; border: medium none;">
    		<img src="https://ad.xdomain.ne.jp/img/cocorosekai.png" style="display: block; width: 100%; margin: 0px; padding: 0px; border: medium none;">
    	</a>
    	<img src="https://ad.xdomain.ne.jp/img/close.png" style="display: block; position: absolute; width: 7.812%; top: 0px; right: 0px; cursor: pointer; margin: 0px; padding: 0px; border: medium none;">
    </div>
  • #60226

    だむ

    あまり必要ないかもしれませんが、隠れている状態を添付し忘れてしまったようなので追記します。

  • #60227

    だむ

    何らかの問題でどうもそこだけ記載できないみたいですね……。
    他の画像と同様の場所にある20180618-1329-27.pngです

  • #60230
    わいひら
    わいひら
    キーマスター

    広告には、いろいろな広告サービスのものがあります。
    毎回使われるクラス名やIDが同じという保証はないので、JavaScriptを使ったとしても、自動調節するのは難しいのではないかと思います。
    やるにしても、広告サービスごとに使われるクラスやIDを調べて、その都度処理を書き加える必要があると思うのでかなり大変なのではないかと思います。

    普通に、挿入した広告動作を確認して、CSSで指定する方が楽なような気がします。

  • #60432

    だむ

    わかりました。
    回答有り難うございます。

トピック「ページトップへ戻るボタンの位置を自動調節したい」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)