Javascript scrollTop的高度不正确_Javascript_Jquery_Html_Css

Javascript scrollTop的高度不正确

javascript jquery html css

Javascript scrollTop的高度不正确,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图计算用户已滚动的像素数，但滚动顶部显示的总像素数与定义的不同窗口高度之和不同 HTML <body> <div class="slide slide1"> </div> <div class="slide slide2"> </div> <div class="slide slide3"> </div> <div class="slide slide4"> </div> <di

我试图计算用户已滚动的像素数，但滚动顶部显示的总像素数与定义的不同窗口高度之和不同

HTML

<body>
<div class="slide slide1">
</div>
<div class="slide slide2">
</div>
<div class="slide slide3">
</div>
<div class="slide slide4">
</div>
<div class="slide slide5">
</div>

</body>

html, body {
    height: 100%;
}

.slide {
    width: 100%;
    height: 100%; 
}

.slide1 {
    background: red;
}

.slide2 {
    background: blue;
}

.slide3 {
    background: yellow;
}

.slide4 {
    background: green;
}

.slide5 {
    background: gray;
}

$(document).ready(function(){

        $(window).scrollTop($(document).height());

        $('h2').text($(window).height() + 'px');
        $('h1').text($(document).scrollTop() + 'px');

        $(window).scroll(function () {
            $('h1').text( $(this).scrollTop() + 'px');
        });
});

小提琴：

例如，如果窗口高度为611px，并且有5个高度为100%的div，则scrollTop值应为3055px，但显示2452px。？我做错了什么？

这是一个填充/边距问题

应用

填充：0；保证金：0至html，正文，h1，h2
它会解决你的问题
第一个似乎不算。从0开始计算，在顶部滚动给出0。使用$（窗口）。滚动顶部（）+$（窗口）。高度（）