Sticky navbar ios问题

Question

我试图解决这个问题已经有一段时间了，但遗憾的是我似乎做错了什么。我知道在网上有几个关于这个的问题，也在StackOverflow上有这个问题，但是按照提示，我无法修复它。正如你在标题上看到的那样，我面临着着名的iOS浏览器（Safari和Chrome）的错误。事实上，我用JS动态地检测滚动并添加一个使元素固定的类，但它不能正常工作，因为位置：固定;只在滚动结束时生效。 这是我的代码：

CSS

.sticky{
    z-index: 99;
    position: static;
}
.sticky-enabled{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

JS（angularJS）

angular.element(document).on("scroll", function(){
   if(angular.element(this).scrollTop() > 50){
      angular.element($scope.element).addClass("sticky-enabled");
   }else{
      angular.element($scope.element).removeClass("sticky-enabled");
   }
});

提前谢谢你，很抱歉再次提出这个问题，但我无法解决这个问题！