javascript - 移动/触摸时显示导航栏

标签 javascript jquery css

在移动网站上,导航栏位于顶部。导航栏位置由 position:absolute:

.navbar-fixed-top{position:absolute;right:0;left:0;z-index:1000;

向下移动时导航栏应该不可见,向上移动时导航栏应该再次可见。网络上有很多示例如何使用桌面滚动来执行此操作,例如:

http://jsfiddle.net/mariusc23/s6mLJ/31/

http://codepen.io/sunnyxyst/pen/DwgFm

Jquery sticky nav only when scrolling up

此示例不适用于移动设备。

谢谢你的帮助。我不能使用 Bootstrap。

最佳答案

它与

一起工作

jsfiddle.net/mariusc23/s6mLJ/31/

重要的是要有一部 android > 2 的智能手机,因为我们需要 position:fixed

关于javascript - 移动/触摸时显示导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28165562/

相关文章:

javascript - AngularJS为内部嵌入元素设置ngModel attr

javascript - 如何获取asyncstorage中的值项?

jquery - 如何像 Stackoverflow 中那样显示弹出消息

javascript - jquery文件上传取消所有上传

jquery - 如何在所有主流浏览器的 Flash 顶部显示 Javascript 导航菜单

jquery - 找不到创建此边框的原因,让我发疯?

javascript - Bootstrap YEAR PICKER 根据我们的要求显示随机年份

javascript - jquery中如何访问给定元素的上下元素

jquery - 如何使用 jQuery 在 IE6 中选择带有样式标签的元素

html - 将进度条移动到选项卡的中心