親がoverflow:hiddenのときの子要素のスクロール量を測る

Question

親要素が

.parent {
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

のときに、
子要素のheightが100vhよりも多い場合、どのようにしたらその子要素のスクロール量を測ることができるでしょうか。
普通に考えたら、親がoverflow:hiddenなので子要素をスクロールすることは不可能です。

やりたいことはこのサイトのような慣性スクロールで、translateYで操作するため実際にスクロールしてるわけではないです。

https://experiments.p5aholic.me/

しかし、実際にスクロールできないと、スクロール量を測ることができないので困っています。

このサイトは
.siteWrap に、上記のような position: fixed; overflow: hidden;が効いているのにもかかわらず、その子である.homeの要素の高さ内でスクロール量を測ってtranslateYを適応させているに見えます。

解説いただけると幸いです。

Answer 1

多分スクロール量は測っていないと思います。

window.onmousewheel = function(event){
}

スクロールイベントではなくマウスホイールイベントで要素を擬似スクロール（translate）させているのではないでしょうか？

該当のサイトがmobileデバイスでは無効になっていることからもそれが推測できます。

---

ここからは私の偏見ですが、意味なく（意味はあるのかもしれませんが）マウスイベントをジャックするサイトは非常に使いにくいです。カーソルの移動も遅いですし、慣性スクロールの減速係数も小さすぎます。
どういう方法でサイトをつくるかは自由ですが、値などを調整して使いやすいサイトを作成するようにしてください。
(該当のサイトはポートフォリオサイトのようですので別に良いのですが...)