javascript - 如何使用 jquery 获得相对于屏幕尺寸的 50%？

Question

这就是我所拥有的

$(window).scroll(function(){
  var y = $(window).scrollTop();

  if (y > 400 & y < 10000) {
    $("#font").css("top", 0 + $(window).scrollTop());
  }
});

400 应该是相对于屏幕尺寸的 50%。还有 10000 100%

Answer 1

您可以使用innerHeight (或使用 outerHeight 获取整个浏览器窗口的高度)窗口对象的属性来确定屏幕尺寸。这将返回页面可见部分的高度:

$(window).scroll(function(){
  var y = $(window).scrollTop();

  var intViewportHeight = window.innerHeight;

  if (y > (intViewportHeight * 0.5) & y < (intViewportHeight * 1)) {
    $("#font").css("top", 0 + $(window).scrollTop());
  }
});

P.S:显然您可以省略第二个公式的 * 1 部分。我只是用它来澄清 100%