jQuery 检测网页高度而不是窗口高度



以下行:"$('html, body').animate({scrollTop: 0}, 900);" 在滚动 900 行或更多屏幕行后使按钮可见。但是,它基于 800 像素的窗口高度,而不是大约 3500 像素的文档高度。在窗口高度为 800 像素的屏幕上,它会很快执行,因为我没有检测到文档高度。是否有检测文档高度而不是窗口高度

在这里搜索过,没有找到任何有用的东西,但是,作为新手,我可能忽略了一些无知的东西。如果我有,我道歉。

我还发现了几个对文档高度的调用以及将文档高度解析为变量的方法。这些方法都不适合我,因为我可能也错过了其他东西。

我假设下面的代码是使我的按钮在 900 的屏幕行可见的调用。

$(window).on('scroll', function() {
    var self = $(this),
           height = self.height(),
           top = self.scrollTop();
           if(top > height) {
         if(!totop.is(':visible')) {
           totop.fadeIn("slow");
        }
          } else {
        totop.hide();
      }
  });
});

我把窗口改成了文档,但没有运气。我也尝试了许多其他选择,但没有运气。如果有人能帮忙,我将不胜感激。谢谢。PS抱歉,我无法弄清楚编辑器上的"代码"内容。对新手不友好。

我解决了这个问题!

我将这一行从"$('html, body').animate({scrollTop: 0},

900);"改为"$('html, body').animate({scrollTop: 0});"然后我把这一行从 if(top> height) { 修改为 if(top> 900) {。这会导致我的后背到顶部按钮出现在屏幕行 900 上或之后,当我滚动过去时。单击我的按钮时,脚本也会滚动到最顶部。

感谢所有考虑此问题以解决问题的人!

最新更新