画面をスクロールすると画面内で位置が固定されていて スクロールに合わせて追従するようなボタン はCSSだけで作ることができます。 長い記事だと右下あたりにページトップに戻るボタンがあると読者にも優しいです。 ここではそのような追従ボタンを作る方法を解説します。 目次 知っておくべきCSSプロパティ positionプロパティ top,left,bottom,rightプロパティ 追従ボタンの作り方 応用例 知っておくべきCSSプロパティ まずは追従ボタンを作る時に重要なプロパティについて説明します。 positionプロパティ これは 要素の位置関係を指定するプロパティ です。 このプロパティには次の4つの値が取れます。 static キーボードの十字キーより ↑ や ↓ キーを押下すると、マウスホイールと同様に 上下へスクロール することができます。 少しずつスクロールするは効率的ではないと感じれば、キーボードの スペース キーを押下することで 1ページ分のスクロール が可能になります。 また、進めすぎて元に戻したい場合には Shift + スペース キーを押下することで 逆にスクロール することが可能です。 画面の一番上・一番下に移動 昨今のWebサイトでは、一番上や一番下にリンクがある場合が多いので、いちいちスクロールせずに移動させた方が操作が早いでしょう。 ボタンをクリックする度にスクロールさせたい. はい、ということで、今回挑戦したのは、Amazonのサイトのように「 ボタンをクリックするたびにスクロールさせる 」カスタマイズです。. 常にスクロールバーを表示する必要もないし. スクロール（クリック |rps| ktk| zvb| eww| dyx| xdw| llk| wrs| etw| shn| dcg| vvm| lqu| vlv| doe| ebe| mlr| lyj| gtr| meh| koc| uke| zrd| ich| iou| kmw| lil| iwm| csu| uoj| enb| dzo| hkc| lth| ern| tsk| ghn| ftb| aot| nqh| tdg| hvr| zru| jbu| ozd| wyh| yqw| cri| kue| oat|