滚动时JQuery移动隐藏地址栏

时间:2017-08-05 13:17:44

标签: javascript jquery html css

我试图解决其他人的问题, 但我仍然无法隐藏iPhone(Safari)中的地址栏。 这是我的代码。

HTML:

<div class="Nav col-xs-12"> 
</div> 
<div class="ScrollBack">
  <div class="Banner col-xs-12">
  </div>
  <div class="Content col-xs-12"> 
  </div>    
</div>

CSS:

.ScrollBack{
    width: 100vw;
    height: 110vh;
    overflow-y:scroll;
}
.Nav{
    background: white;
    height: 6.8vh;
}
.Banner{
    background: green;
    height: 39.4vh;
}
.Content{
    background: blue;
    height: 53.8vh;
}

使用Javascript:

<script>
    window.addEventListener("load", function() {            
        window.scrollTo(0, 1);
     });
</script>

我需要始终在顶部显示div(class =&#39; Nav&#39;), 还是我不能引发scoll事件的问题?

1 个答案:

答案 0 :(得分:-1)

 $(function(){$(window).bind('scroll', function () {}); });

以这种方式绑定滚动事件。