「トップへ戻る」ボタンと「100vhだけ・一番下まで進む・戻る」ボタン
jQueryの「トップへ戻る」ボタンのやり方は鬼のように出てくるのですけど、
下に行くのも、マウスホイールぐるぐる回して地味にめんどくさいときありませんか？
ぼくはめんどくさいときがあったのでやってみました。
See the Pen
pobezbL by sarap422 (@sarap422)
on CodePen.
似たようなこと考えた方はやはりいたようで、
「scrollBottom」で検索するとすぐ出てきしたが、
なかなかわからなかったのは、「100vh」だけページ送り・戻りする方法。
結論として言うと、「100vh = window.innerHeight」で、
// 一番下までdocument.body.clientHeight// 100vh下window.pageYOffset+window.innerHeight// 100vh上window.pageYOffset-window.innerHeightで、実装することができました。わーい
参考
JavaScriptで画面サイズを取得・変更する方法
https://uxmilk.jp/28500
ついでに「mix-blend-mode」というのが便利そうだったので、
調べてみましたが「exclusion」が楽そうだなーと思いました。