html - 当您向下滚动页面时,导航栏会扩展到覆盖屏幕顶部

标签 html css twitter-bootstrap

所以我在 http://www.memsql.com/product 查看新的 MemSQL 网站.当您滚动到页面中间加载的导航栏时,它会展开并固定在屏幕顶部。

初始 View :

enter image description here

滚动经过导航栏后: enter image description here

你会如何实现这样的东西?有没有一种简单的方法可以通过 Bootstrap 来完成?

最佳答案

查看 jQuery Waypoints 插件。具体这个。 http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/

虽然 Waypoints 可以做很多事情。检查一下!

关于html - 当您向下滚动页面时,导航栏会扩展到覆盖屏幕顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16223080/

相关文章:

javascript - 针对 Angular ng-show 和 ng-hide 的类

jquery - 边框颜色改变时按钮移动

css - 如何垂直和水平对齐图像上的文本?

javascript - 导航栏下的 Bootstrap 轮播

css - ITCSS - 将特定于页面的类放在哪里

javascript - 从单独的 html 文件加载轮播

php - 带有复选框的 HTML 表单元素

html - 如何覆盖 Internet Explorer 的超赞字体图标的右拉宽度?

html - HTML 元素名称的灵感/约定

javascript - 模拟 DIV 的拖动,快速移动鼠标指针的问题