Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 滚动粘性顶部导航栏引导4_Html_Css_Twitter Bootstrap_Bootstrap 4 - Fatal编程技术网

Html 滚动粘性顶部导航栏引导4

Html 滚动粘性顶部导航栏引导4,html,css,twitter-bootstrap,bootstrap-4,Html,Css,Twitter Bootstrap,Bootstrap 4,我遇到了一个问题,因为我制作了navbar,它的顶部很粘,有几个下拉菜单(每个下拉菜单中有许多按钮)。所以,若设备的高度太小,它会被裁剪,我可以得到更低的按钮。我需要知道如何在导航栏上添加滚动 此时,它是这样工作的(使用Bootstrap4.0) 在bootstrap 3.3.7中,它更简单,如下所示: 只需将窗口高度更改为300px,u就会看到效果。 我需要帮助添加滚动到粘性顶部折叠导航栏 .fixed-top { max-height: 100vh; overflow: auto

我遇到了一个问题,因为我制作了navbar,它的顶部很粘,有几个下拉菜单(每个下拉菜单中有许多按钮)。所以,若设备的高度太小,它会被裁剪,我可以得到更低的按钮。我需要知道如何在导航栏上添加滚动

此时,它是这样工作的(使用Bootstrap4.0)

在bootstrap 3.3.7中,它更简单,如下所示:

只需将窗口高度更改为300px,u就会看到效果。 我需要帮助添加滚动到粘性顶部折叠导航栏

.fixed-top {
  max-height: 100vh;
  overflow: auto;
}

…解决了它。然而,它产生了另一个较小的问题:双滚动条。然而,这在手机上不是问题,因为大多数手机只在使用时显示滚动条。(这只是桌面浏览器上的一个问题,当您在非移动模式下使用非常小的浏览器窗口进行测试时)。因此,在实践中,这不是一个问题:)。

我有更好的结果:

#nav_collapse {
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch; // mobile safari
    max-height: 90vh;
}

几乎一样,但更精确一点

你做了什么?让我们看看你的代码。。或者向我们解释你解决这个问题的想法。我想这会有帮助,我会尝试,而且只在手机上使用,所以这不是问题,谢谢你的回答。@xfsociety1337,我不想使用邪教术语(“该死”)。让我们坚持使用技术术语。