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

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

  • このトピックには4件の返信、2人の参加者があり、最後にだむにより8年、 3ヶ月前に更新されました。
4件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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
      だむ
      ゲスト

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

4件の返信スレッドを表示中
  • トピック「ページトップへ戻るボタンの位置を自動調節したい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)