jquery - jQuery 检测滚动百分比而不是 px

Question

我正在寻找一种方法来检测以 % 而不是 px 滚动的页面量，请考虑：

function doBanner() {
  var scrollPos = $( window ).scrollTop();
     if ( scrollPos > 250 && !uped && !doing){
   up();
     } else if ( scrollPos <= 250 && !doing && uped ) {
   down();
}

基本上这是网页上弹出横幅的一部分，一旦用户滚动 250 像素，横幅就会弹出，一旦用户从最佳。

这种方法的问题在于，在某些页面上，用户不必滚动 250 像素即可查看页面上的所有内容，因此不会出现横幅。

我可以考虑任何建议/替代方案吗？

如果您知道使用 % 代替 px 的方法，那就太好了:)

Answer 1

我会计算当前窗口大小的百分比。您可以使用函数width和heightjQuery 获取这些值：

var windowsWidtdh = $(window).width();
var windowsHeight = $(window).height();

然后你可以这样做：

var scrolledPercentage = (scrollPos * 100) / windowsHeight;