javascriptでscroll位置の値を取得する方法

マウスをscrollしてページのTOPになった時を特定したいです。
そのため、scrollの位置を取得してみたいですが、方法がよくわかりません。
ネットで調べるとscrollTopというのを利用するらしいですが、developtoolsで見ても値は取れないです。（エラーになるか）

                    console.log(document.body.scrollTop);
                    console.log(window.scrollTop());
                    console.log(window.scroll());

何かヒントになる情報がありましたら教えていただければ助かります

行動規範の内容に同意します

回答1件

ベストアンサー

スクロール位置の取得は以下のように行えると思いますが、どうでしょうか？

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>タイトル</title>
6    <style type="text/css">
7        * {
8            margin: 0;
9            padding: 0;
10        }
11
12        html, body, div {
13            width: 100%;
14        }
15
16        div {
17            height: 500px;
18            background: #ffad1f;
19        }
20
21        div:nth-of-type(2) {
22            background: #aaffaa;
23        }
24
25        div:nth-of-type(3) {
26            background: #33ccff;
27        }
28    </style>
29<body>
30<div></div>
31<div></div>
32<div></div>
33<script>
34    window.addEventListener("scroll", () => {
35        console.log(window.pageYOffset); // もしくはwindow.scrollY
36        console.log(document.documentElement.scrollTop);
37    });
38</script>
39</body>
40</html>