使用.scrollTop动画,移动设备不起作用

时间:2015-07-14 18:09:00

标签: javascript jquery mobile viewport infinite-scroll

当用户在页面底部向下滚动时,我会显示一个页脚,但似乎它看起来似乎不适用于移动设备,尤其是ipad,并且它似乎很挑剔。有时它有时它不起作用,只有在垂直使用ipad时才有效。

float tmp;

tmp = in_data [ j ].x;
in_data [ j ].x = in_data [ (j + 1) ].x;
in_data [ (j + 1) ].x = tmp ;

tmp = in_data [ j ].y;
in_data [ j ].y = in_data [ (j + 1) ].y;
in_data [ (j + 1) ].y = tmp ;

tmp = in_data [ j ].z;
in_data [ j ].z = in_data [ (j + 1) ].z;
in_data [ (j + 1) ].z = tmp ;

只是淡入淡出页面底部的条件。我环顾四周,似乎有几种方法可以做到这一点,我想知道最有效的解决方案。

我以为我前一段时间找到了一个解决问题的方法,但似乎不再能找到这个问题而且需要我挖掘一下。

我并不完全确定移动设备中的所有因素与我目前拥有的此解决方案不兼容,因此我很难确定需要调整的内容。感谢。

1 个答案:

答案 0 :(得分:1)

实际上发现问题是,如果我使用' ==',它必须是确切的文档高度,在移动设备中,视点不会触发脚本移动或滚动所以我没有改变' =='到'> ='在我的条件下,然后添加高度到我的视口。

if (($window.scrollTop() + $window.innerHeight()) >= $document.height())

在我的标题视口标记

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">

它完美无缺!