見出しを固定してスクロール分の割合を%とプログレスバーで明示
Result jQuery$(document).ready(function() { const win = $(window); const doc = $(document); const progressBar = $('progress'); const progressLabel = $('.progress-label'); const setValue = () => win.scrollTop(); const setMax = () => doc.height() - win.height(); const setPercent = () => Math.round(win.scrollTop() / (doc.height() - win.height()) * 100); //プログレスバー progressLabel.text(setPercent() + '%'
jQuery-svg-progress | Javascript Jade SASS jQuery Modx AJAX html
<div class="svg-progress-demo1" data-progress-value="93"> <span class="svg-progress-output"></span> </div> <script src="js/jquery.min.js"></script> <script src="js/jQuery-svg-progress.js"></script> <script> $('.svg-progress-demo1').svgprogress({ figure: "hexagon", progressFillGradient: ['#fcbf02','#2cbc99'], progressWidth: 4 }); </script>
要素内やページ内でのスクロールに応じてプログレスバーを表示する軽量シンプルなスクリプト・「PrognRoll」
PrognRollはページやスクロールが可能なコンテナ内でのスクロールに応じてプログレスバーを表示するスクリプトです。ただそれだけのシンプルなもので、サイズも2kb以下、圧縮すれば1kb以下と軽量です・・が、jquery依存なので軽量と言っていいか迷う所です。上動作サンプルは分かりやすいようにバーの太さを太めに設定しました。少し前に「この記事は～分で読めます」といった類のコンテンツ消化時間の明示が良く見かけられましたが、それと似たような目的じゃないかと思います。 PrognRoll
好男人的社区在线看www官网 - 好男人社区www免费 - 好男人社区影院WWW - 好男人社区www在线官网
欢迎访问好男人的社区在线看www官网,好男人社区www免费好男人社区影院WWW,好男人社区www在线官网是一款成人深夜福利app，提供安卓下载/ios苹果下载。好男人社区WWW在线看,好男人在线社区WWW免费视频安卓APP片源丰富，让你高潮迭起，欲罢不能！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
任意の画像をプログレスバーにする為のスクリプト・「LoadGo」
Welcome webdesigncrowd.com - Justhost.com
