html - 将 div 固定到窗口顶部,同时允许水平滚动以在窗口调整大小时溢出

标签 html css

我想将我的导航栏固定在浏览器窗口的顶部,但是当浏览器宽度减小时,对于可能溢出的导航项,允许水平滚动导航项。例如,当窗口宽度减小时,gmail 导航栏固定在顶部但仍可水平滚动。

目前我对 div 使用以下 css,它将 div 固定到顶部但不允许水平滚动,因为它是固定的(尝试溢出:滚动但不做任何事情):

position: fixed;
top:0
overflow:scroll;//does nothing

最佳答案

如果你给它一个 rightleft 值,它应该滚动:http://jsbin.com/edopor/4/edit

关于html - 将 div 固定到窗口顶部,同时允许水平滚动以在窗口调整大小时溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12397080/

相关文章:

html - 悬停父元素时在子元素上触发过渡

javascript - HTML5 本地存储 - 多个removeItem问题

css - 语法错误 css

html - 为什么我的菜单不起作用?

javascript - 将所有图像与 div 中的间隙相匹配

javascript - $.get() 方法 JQuery 不读取任何内容 (html)

javascript - 在多个位置循环显示一个 Sprite 或多个重复图像

javascript - checkForm() 只输入第一个 if()

html - IE11 上的溢出滚动问题

html - 我如何在内存数据库中使用我的 Ionic 应用程序