Android Chrome - 检测网站是否完全向下滚动

Question

我必须检测网站是否完全向下滚动。在桌面浏览器上这很好用:

if($(window).scrollTop() == $(document).height() - $(window).height()) {...}

但在 Chrome for Android 上，$(window).height()、window.innerHeight 和 window.outerHeight 都返回很奇怪值。这些值与设备显示屏的实际像素大小不同。

我怎样才能可靠地解决这个问题？

Answer 1

Android 版 Chrome 很聪明:

1. 它会检查您是否定义了视口(viewport)尺寸，如果是，它会使用它
2. 如果不是，它会通过设置视口(viewport)比例为您提供标准 非原生分辨率

3. 无论哪种方式，它都会执行转换为实际大小

   <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width" />
   

上面的行将告诉它转到原始分辨率:

1. 将密度设置为物理设备密度
2. 设置宽度为设备宽度