【问题标题】:How do I make collapsed Bootstrap Navbar open to full screen height smoothly?如何使折叠的 Bootstrap Navbar 顺利打开到全屏高度?
【发布时间】:2020-10-15 13:22:18
【问题描述】:

我正在尝试让 Bootstraps 折叠导航栏打开到设备的全高度,同时覆盖页面内容。我发现导航栏有一个名为“fixed-top”的类,它覆盖在页面内容之上,但我似乎无法正常打开到屏幕的整个高度。使用.collapse ul{height: 100vh;},导航栏正常打开,直到最后一个导航项目,然后“跳转”到屏幕底部。如何防止这种“跳跃”并使导航栏顺利打开到全高度?

【问题讨论】:

    标签: html css bootstrap-4


    【解决方案1】:

    突然跳跃是因为您将高度添加到直到动画的最后一刻才出现的折叠类。而是尝试将高度赋予自定义类或您已经应用的类,例如导航栏。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-03-30
      • 2014-09-08
      • 2016-03-14
      • 2013-09-24
      • 2023-01-11
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多