A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
No1です。
>ここまで来たら25%、半分辺りまで来たら50%と表示する感じです
スクロールバーに組み込むわけではなく、どこかに値を表示するだけなら、No1に挙げたカスタマイズ等は不要ですね。
表示用のDIVでも作成して、position:fixed などにしておいて、スクロール量から計算した値を表示するだけで済みます。
とは言っても、多少面倒ですけれど…
基本的に%値は
「現在のスクロール量」 / 「最大スクロール量」 * 100
で求められます。
「現在のスクロール量」は window.scrollY で求められます。
一方で、「最大スクロール量」に対する概念はあるようですが、fx以外は実装されていないようです。
https://developer.mozilla.org/ja/docs/Web/API/Wi …
https://caniuse.com/?search=window.scrollMaxY
ですので、「最大スクロール量」は計算で求めることになりますが、
「文書全体の高さ」-「ビューポートの高さ」
として求めることになりそうです。
ひとまず、このくらいまで分解しておけば、個々の値の算出方法は検索すれば見つかると思いますし、本当に実装なさるおつもりがあるのかどうかも不明なので、以下は省略します。
No.1
- 回答日時:
こんばんは
>%表示にすること出来ますか?
どのように「%表示」したいのか不明ですが、スクリプトを使えば可能そうに思います。
(表示をどのようにするのか、工夫が必要ではないかと思いますけれど…)
「%表示」そのものではありませんけれど、スクリプトを利用したカスタマイズ例を解説しているサイトをご参考までに。
https://hsmt-web.com/blog/css-js-scrollbar/
https://shanabrian.com/web/library/flexcroll.php
検索すれば他にもいろいろ見つかると思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- gooブログ 記事の下にスクロールバーが表示される 2 2022/08/19 20:42
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript 画面に表示したらアニメーションを開始したい 3 2023/01/13 15:38
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jQueryローディングアニメーションのコードの以下のURL内参考サイトで提示されている 3 2023/07/03 18:29
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
リストビューをスクロールさせ...
-
PDFを(htmlのように)無限に縦...
-
webページで横方向にアンカーを...
-
Excelで一部分だけを常に表示さ...
-
大きい表へのスクロールバーの...
-
エクセルVBAでフォームのListbo...
-
文章の自動スクロール
-
ページ訪問時にiframe内を自動...
-
子要素のスクロールが親要素に...
-
MFCでのスクロールバーの扱い
-
Visual Basicから Spreadのスク...
-
Excelで1.2行目だけ固定して...
-
vb,netでtextboxの文字を右から...
-
IFRAMEでscrolling="yes|no"の...
-
resizeするとスマホで何度もリ...
-
TikTokに自動でスクロールして...
-
リストビューの表示開始行変更
-
C#:ListViewでのスクロールイベ...
-
マウスオーバー→ホイール回転で...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
Excelで一部分だけを常に表示さ...
-
Excelで1.2行目だけ固定して...
-
Visual Basicから Spreadのスク...
-
大きい表へのスクロールバーの...
-
VBE画面の縦のスクロールバ...
-
vb,netでtextboxの文字を右から...
-
リストビューのスクロールバー...
-
リストビューの表示開始行変更
-
ページ訪問時にiframe内を自動...
-
IFRAMEでscrolling="yes|no"の...
-
文章の自動スクロール
-
ポストバック時のスクロール位...
-
C#:ListViewでのスクロールイベ...
-
常に画像の大きさを横幅100%で...
-
マウスオーバー→ホイール回転で...
-
webページで横方向にアンカーを...
おすすめ情報
ここまで来たら25%、半分辺りまで来たら50%と表示する感じです。どこかのサイトでそういうのを見つけて