使用Bootstrap向下滚动时，增加隐藏导航栏的转换速度延迟

olqngx59 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(1)|浏览(143)

我是HTML，CSS和JS的新手。我正在用Bootstrap-5做一个主页。我已经在我的页面中实现了导航栏。问题是当我向下滚动时导航栏隐藏得太快了。我想增加导航栏隐藏的延迟。请告诉我如何设置导航栏的自定义过渡速度？我正在使用导航栏的Bootstrap类。
第一个

1条答案

您可以在nav元素中添加额外的类，例如autohide。然后在CSS中，您需要将此类作为目标并添加过渡持续时间属性，如下所示：

.autohide {
  transition-duration: 4s;
}

您还可以通过将nav元素本身作为目标，将此方法应用于站点上的所有nav元素：

nav {
  transition-duration: 4s;
}