Question

我已将html，body和.wrapper设置为height:100%; ...这适用于各种全屏功能。因此，尝试获取视口位置会产生影响，因为它总是返回零。

当我移除100％高度时，它会返回预期的结果，但显然会破坏其他功能。

我该如何解决这个问题？有没有办法保持高度100％？

function get(){
  $('.position').html(
    $('html, body, .wrapper').offset().top - $(window).scrollTop()
  );
}

get();
$(window).scroll(get);

HTML

<html>
    <body>
        <div class="wrapper">
            <div class="position"></div>
        </div>
    </body>
</html>

的CSS

html,
body,
.wrapper {
    height:100%;
}

Answer 1

由于html，body和.wrapper的高度为100％，因此window的scrollTop始终为0。

虽然您可以在.wrapper组件上使用scrollTop。