在ios上处理live js scrolltop值

时间:2016-02-05 14:25:13

标签: javascript jquery html ios css

我知道这个问题太多了,但我现在已经苦苦挣扎了两天,并且还没有想到如何实现这个目标。

我有一个标题,它是绝对的,默认情况下它的top属性等于窗口高度。由于我有一个汉堡包网站,它就像标题位于着陆幻灯片的底部,或位于第一张信息幻灯片的顶部。

当用户滚动到第一张幻灯片时,标题必须贴在顶部。

在桌面上,我做了:

$(window).on('scroll', function () {
  if ($(window).scrollTop() >= h && !header.hasClass('sticky')) {
    header.addClass('sticky');
  } else if ($(window).scrollTop() < h) {
    header.css('top', h);
    header.removeClass('sticky');
  } else {
    // return false;
  };
});

它工作得很好。但是在iphones / ipads上,只有当滚动完成时,标题才会变为“粘滞”状态。这意味着如果用户在ios设备上滑动非常困难,他将滚动到最后一部分,只有当滚动动画结束时,用户才会看到标题。

在移动设备上实现桌面行为的任何解决方案?

0 个答案:

没有答案