css - iphone 粘性菜单 jquery onscroll ios 9

Question

在更新到 iOS 9.0.1 (13A404) 之前，这段代码在我的 iPhone 上运行良好，
但现在相同的代码似乎只有在手指松开后才能运行，
或在 jQuery onscroll 结束后，当我进行快速滑动时让页面滚动...

$(document).on('scroll', function(){
    if( $(this).scrollTop() > 0){
        $('.menu').addClass('sticky');
    }else{
        $('.menu').removeClass('sticky');
    }
});

粘性菜单会消失，直到我从屏幕上松开手指，在滑动过程中实时失去“粘性”效果，我以前在所有网站上都有这种效果，现在已经坏了...

如何解决这个问题，让它们像以前一样工作？ (实时平滑粘性)

Answer 1

在观察到相同的行为并进行了一些测试后，最简单的方法是激活 3D 变换 as proposed in a similar question :

.sticky-element {
   -webkit-transform: translate3d(0px,0px,0px);
}