Question

我正在使用此iOS修复程序来阻止左右滚动（overflow-x）。

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 0) { 
    body, html {overflow-x: hidden;}
}

但是，下面的javascript和-webkit-min-device-pixel-ratio不能一起使用。如果我删除min-device，那么粘性工作，但现在有一个并排滚动。当我添加min-device时，粘滞中断，但并排滚动按预期工作。

＆＃13;

$(function(){
 var shrinkHeader = 50;
  $(window).scroll(function() {
    var scroll = getCurrentScroll();
      if ( scroll >= shrinkHeader ) {
           $('.top-bar').addClass('shrink');
        }
        else {
            $('.top-bar').removeClass('shrink');
        }
  });

＆＃13;

是否有解决方案让这两种方法协同工作？

Answer 1

我通过脚本简化了，现在它可以工作了。

$(window).scroll(function() {
if ($(this).scrollTop() > 1){  
    $('.top-bar').addClass("shrink");
  }
  else{
    $('.top-bar').removeClass("shrink");
  }
});

webkit设备：0和sticky-header冲突

1 个答案: