如何使用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());
  }
});

PS：您顯然可以省略第二個公式的* 1部分。 我只是用它來澄清100％