javascript - 为什么 jquery 元素在 ipad 上没有响应?

标签 javascript jquery html css

我一直在开发一些带有粘性 header 的 jquery,但是当我在 ipad 上测试它时,会出现轻微的延迟并在页面上跳转。

这是一个可以在代码中解决的问题还是一般的 ios 问题?我已经在网上调查过类似的问题,但还没有找到明确的答案。

http://jsfiddle.net/47rYp/

var offset = $(".sticky-header").offset();
var sticky = document.getElementById("sticky-header")
var additionalPixels = 50;

$(window).scroll(function () {
    if ($(window).scrollTop() > offset.top - additionalPixels) {
        $('#profile-container').addClass('fixed');
    } else {
        $('#profile-container').removeClass('fixed');
    }
});

感谢您的帮助!

最佳答案

问题是在 iPad 上 $(window).scroll 不会连续生成。它只会在您停止滚动时生成一次。据我所知,你无法解决这个问题。

关于javascript - 为什么 jquery 元素在 ipad 上没有响应?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20325833/

相关文章:

html - IE7 问题的边距/填充 - 如何解决?

javascript - 按钮的 Jquery 单击事件在 ng-if div 内不起作用

jQuery .autocomplete() 在一个输入字段中包含邮政编码和城市名称

javascript - 如何将 HTML 元素添加到与文本混合的存储中?

javascript - (Phonegap应用程序)如何在jQuery Mobile中的两个页面中传递输入搜索的值

javascript - 通过 print-html-element npm 库打印时如何防止下载文件?

html - 平行四边形文本框

html - 如何制作一个带有钝 Angular 的按钮?

javascript - 删除一个可观察对象是否也会删除对它的订阅?

javascript - 如何显示开始时间和结束时间之间的时间