トップへ戻るボタンを常時表示する最適な方法

♥ 0

いいねをした人: 居ません

このトピックには2件の返信、2人の参加者があり、最後にOlein_jpにより3日、 17時間前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2025年4月9日 9:42 AM #144814

Olein_jp
参加者

♥ 574

【お使いの Snow Monkey のバージョン】28.0.8
【お使いの Snow Monkey Blocks のバージョン】23.1.3
【お使いの Snow Monkey Editor のバージョン】10.2.0
【お使いのブラウザ】Mac Google CHrome
【当該サイトのURL】

### 実現したいこと
少しスクロールをすると、ページ上部へ戻ることができるボタンが右下に表示されますが、このボタンをスクロールせずとも常時表示させる最適な方法を探しています。

対象となる動きをしている JavaScript は snow-monkey-page-top-js というハンドルネームでエンキューされているので、そちらをデキューして別途 JavaScript を記述する方法が最適なのか、他にフック等でよしなにできる方法があるのか相談だせていただきたいです。

♥ 0

いいねをした人: 居ません

2025年4月9日 10:20 AM #144815
キタジマタカシ
参加者

♥ 2569
dequeue しても、ボタン自体が aria-hidden="true" のままになっちゃって表示されないので、dequeue せずに CSS で強制的に表示させるのが簡単かなと思います。
```
#page-top {
  visibility: visible !important;
  opacity: 1 !important;
}
```
♥ 1

いいねをした人:
2025年4月9日 10:28 AM #144816

Olein_jp
参加者

♥ 574

ありがとうございます！その方向で進めてみます！

♥ 1

いいねをした人:
投稿者

投稿