【问题标题】:fix div to window top while allowing for horizontal scroll for overflow on window resize将 div 修复到窗口顶部,同时允许水平滚动以在窗口调整大小时溢出
【发布时间】:2012-09-12 22:37:39
【问题描述】:

我想将我的导航栏固定在浏览器窗口的顶部,但允许在浏览器宽度减小时可能溢出的导航项目水平滚动。一个例子是 gmail 导航栏被固定到顶部,但当窗口宽度减小时仍然可以水平滚动。

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

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

【问题讨论】:

    标签: html css


    【解决方案1】:

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

    【讨论】:

    • 谢谢,但我一直在寻找浏览器底部的单个滚动条,而不是顶部的滚动条和底部的滚动条。一个例子是当你缩小浏览器宽度时 gmail 中的导航栏
    • 在这种情况下,我相信这里有一个答案:stackoverflow.com/questions/12291226/… 我也以同样的方式读到了这个:(
    【解决方案2】:

    如果overflow:auto; 不起作用,则可能是缺少文档类型。

    【讨论】:

    • 另外,设置宽度和高度可能会有所帮助。这可能就是它不起作用的原因。
    猜你喜欢
    • 2011-03-07
    • 2016-06-01
    • 2016-02-01
    • 1970-01-01
    • 2019-08-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多