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

时间:2015-02-02 19:30:29

标签: 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对不起,我无法弄清楚编辑器上的“代码”。对新手不友好。

1 个答案:

答案 0 :(得分:0)

我解决了这个问题!

我从“$('html,body')更改了这一行.animate({scrollTop:0},900);”改为“$('html,body') .animate({scrollTop:0});“。然后我将此行从 if(top> height){修改为 if(top> 900){。当我滚过它时,这导致我的返回顶部按钮出现在屏幕线900上或之后。单击我的按钮时,脚本也会滚动到最顶层。

感谢所有为解决方案考虑此问题的人!