Javascript 在ios上处理live js scrolltop值

Javascript 在ios上处理live js scrolltop值,javascript,jquery,html,ios,css,Javascript,Jquery,Html,Ios,Css,我知道这个要求太高了,但我已经为此奋斗了两天,不知道如何实现这个目标 我有一个标题,它是绝对的,默认情况下它的top属性等于窗口高度。因为我有一个汉堡包网站,它就像标题被定位在着陆幻灯片的底部,或者在第一张信息幻灯片的顶部 当用户滚动到第一张幻灯片时,标题必须粘贴到顶部 在桌面上,我做到了: $(window).on('scroll', function () { if ($(window).scrollTop() >= h && !header.hasClass('s

我知道这个要求太高了,但我已经为此奋斗了两天,不知道如何实现这个目标

我有一个标题,它是绝对的,默认情况下它的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;
  };
});
$(窗口).on('scroll',函数(){
if($(window.scrollTop()>=h&&!header.hasClass('sticky')){
header.addClass('sticky');
}else if($(窗口).scrollTop()
而且效果很好。但在iphone/ipad上,只有当滚动完成时,标题才会进入“粘滞”状态。这意味着,如果用户在ios设备上用力滑动,他将滚动到最后一部分,只有当滚动动画结束时,用户才会看到标题


有没有在手机上实现桌面行为的解决方案?

也许可以告诉我们你的“粘性”cssin的定义,如果它看起来不太像``在它看起来像
标题{背景:@gray;位置:绝对;顶部:0;左侧:0;显示:无;宽度:100%;z-index:10000;&.粘性{位置:固定!重要;顶部:0!重要;}
CSS看起来不错(除了z-index为10000,这不是很好的做法)。我认为没有办法解决这个问题。这当然是因为快速滚动时要触发/处理和重画的事件数量。当滚动速度非常快时,这真的很重要吗?