Question

$(window).scroll(function() {
   $scrollingDiv.css("display", (($(window).scrollTop() / $(document).height()) > 0.1) ? "block" : "");
});

如何将单位$(document).height()) > 0.1)更改为100vh？我没有太多的jQuery经验。

Answer 1

VH ：视口高度类似于$(window).height(); Source

因此，您可以检查条件if (windowHeight > 0.1)然后

$("body").height(windowHeight);

代码：

$(document).ready(function() {
  var windowHeight = $(window).height();

  if (windowHeight > 0.1) {
    alert("height is greater than 0.1");
    $("body").height(windowHeight);
  } else {
    alert("height is less than 0.1");
  }

});

Codepen链接：https://codepen.io/anon/pen/GWzVwO

Answer 2

我相信正确的语法是 $(selector).attr(attribute,value) 因此，对于您的具体示例$(document).attr('height','100vh')

这是一个希望有用的链接 - ＆gt; https://www.w3schools.com/jquery/html_attr.asp

如何在jQuery中使用vh单位获取文档高度？

2 个答案: