javascript - JQuery Mobile 滚动时隐藏地址栏

标签 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='Nav'), 还是我无法触发scoll事件的问题?

最佳答案

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

像这样绑定(bind)滚动事件。

关于javascript - JQuery Mobile 滚动时隐藏地址栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45522361/

上一篇:html - 将多个图像居中在一条线上

下一篇:css - 隐藏的溢出不适用于移动浏览器

相关文章:

javascript - Contenteditable,删除删除 charat caret + Chrome 中使用::before 生成的内容

javascript - 具有全局标志的正则表达式仅匹配第一个匹配项

html - 选框滚动延迟

javascript - 容器持有选框动画的问题 - jquery

javascript - 试图让日期选择器与第二个日期选择器的设定日期很好地配合

javascript - 如何从表中删除不等于某个值的行?

javascript - 如何在javascript中获取开关切换状态(真/假)

javascript - 对于每个循环,获取点击事件 jQuery 的 td 值

javascript - HTML5 中 jQuery ScrollTo 的问题

Javascript/jQuery : Split content in two parts