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

时间:2014-02-12 13:42:56

标签: android jquery html dom scroll

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

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

但在Chrome for Android上,$(window).height()window.innerHeightwindow.outerHeight都会返回非常奇怪的值。这些值与设备显示的实际像素大小不同。

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

1 个答案:

答案 0 :(得分:1)

Chrome for Android非常聪明:

  1. 检查您是否定义了视口尺寸,如果是,则使用它
  2. 如果没有,它会通过设置视口比例为您提供标准 非原生分辨率
  3. 无论哪种方式,它都会执行真实大小的翻译

    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width" />
    
  4. 上面的行将告诉它转到原始分辨率:

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