释放手指

Question

我正在建立一个网站。当你打开它时，网站有导航，它是透明的（background: transparent）。当你开始滚动时，它变得丰富多彩，有些颜色如灰色，午夜蓝色或其他东西。并且在页面底部有一个div。当你滚动到底部时，导航变为display:none，如果再次滚动位，则会再次滚动display:block。这只是工作，但iPad上存在问题（好吧，没有在其他触摸屏上测试，但可能相同）。

问题是，当我滚动到页面底部时，标题会消失，但当我想要再次滚动顶部时，会出现导航，但没有background-color ..直到我释放我的手指。很奇怪，对吧？

希望，你知道，有照片：

滚动顶部时，它应该有background-color，但在按住时，如图所示具有透明背景

当您滚动到页面底部时，菜单消失，这很棒。

当你向上滚动时会发生这种情况，但是如果你还在滚动它就不会起作用 - ＆gt;拿着屏幕

现在，有JSFiddle ...... CSS有超过1500行，重要的是

#main-header {
    position: fixed;
    width:100%;
    height:70px;
    top:0;
    background-color:#34495e;
    z-index: 100;
}

https://jsfiddle.net/0vL1dpas/＆lt; - JS小提琴注意它太乱了，没有图片，只是代码的原因，还有JS！

与工作网站的重要链接

http://david.addagio.cz/gospel

注意 2

$(function(){
  $(window).on('load scroll resize orientationchange', function () {
      var my_height = $("#full_contact").height();
      var important = $(document).height();
      var final = important - my_height;
    if ($(window).scrollTop() < final) { 
        $('#main-header').css("display", "block");
        $('#main-header').css("background-color", "#34495e");
        document.getElementById("#navigace");
        $('#navigace').addClass('.navigace_scroll');
        $('.navigace_scroll').removeClass('#navigace');

    }
    else{
        $('#main-header').css("display", "none");
    }
  });
});

这是主要代码，用于整个底部菜单消失动画

我的问题又是......最小的：

＆＃34;为什么它有效，而且它有display:block;，但在我释放手指之前，它没有背景颜色???＆＃34;

嗯，希望，这将有助于解决我的问题，请尽快帮助，快点。

任何帮助 - ＆gt;我很高兴

非常感谢！

Answer 1

请阅读this。我在scrollToTop按钮上遇到了类似的问题。我记得，iOS有一些奇怪的行为w /触发滚动事件，也有js执行滚动时（可能不是你的情况）。 也许它可以帮助您理解这个问题。