スムーススクロールでコメント欄まで移動するボタンを追加したい

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など スムーススクロールでコメント欄まで移動するボタンを追加したい

このトピックには3件の返信が含まれ、1人の参加者がいます。7 ヶ月、 1 週前 kayama さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #60922

    kayama

    お世話になっております。
    スムーススクロールでコメント欄まで移動するボタンを追加することはできませんでしょうか?
    プラグインや標準の機能でトップへ戻る方法などはあるのですが、トップへ戻るボタンの上か下あたりに同じようにボタンを追加したいと思っております。
    色々と調べてみたのですが解決策が見つからず知恵をお貸しいただけませんでしょうか。
    よろしくお願い致します。

  • #60924

    かうたっく

    ページ内ジャンプ的なのでしたら結構簡単にイケると思います。

    1. CSSをかく。

    #move-comment{
      position:fixed;
      right: 15px;
      bottom: 50px;
    }

    2. Simplicity2 child: footer-insert.phpにリンクを置く。

    <a id="move-comment" href="#reply-title"><span class="fa fa-angle-double-up fa-2x"></span></a>

    class指定には戻るボタンと同じアイコンフォントですが、『コメントのアイコンフォント』を使って装飾すれば好みのモノになると思います。

    イメージ図
    https://gyazo.com/044e0a9654e0a0f4e4ad4ff4bb995885

    スマホで不要でしたら、メディアクエリを使ってCSSで消せば良いと思います。

  • #60925

    かうたっく

    あっ、もしトップに戻ると同じように装飾する場合はタグがあるほうが良いかもです。

    <div id="comment-top">
          <a id="move-comment" href="#reply-title"><span class="fa fa-angle-double-up fa-2x"></span></a>
    </div>
  • #60928

    kayama

    かうたっく様

    お返事ありがとうございます。
    思っていた通りの事が無事出来ました!

    丁寧な回答本当にありがとうございました!

トピック「スムーススクロールでコメント欄まで移動するボタンを追加したい」への新規返信追加は締め切られています。

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