我知道这个问题太多了,但我现在已经苦苦挣扎了两天,并且还没有想到如何实现这个目标。
我有一个标题,它是绝对的,默认情况下它的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设备上滑动非常困难,他将滚动到最后一部分,只有当滚动动画结束时,用户才会看到标题。
在移动设备上实现桌面行为的任何解决方案?