UIkit的Sticky组件为啥不生效？

夏侯法霞提问于 2026-03-11 20:10:21 阅读 18

组件

我在用UIkit做导航栏固定，但加了data-uk-sticky后完全没反应，滚动页面时导航还是跟着走。是不是哪里写错了？

我试过加上offset和show-on-up这些属性，也检查了是否引入了uikit.js，但就是不动。控制台也没报错。

<nav class="uk-navbar-container" data-uk-sticky="offset: 80">
  <div class="uk-container">
    <div class="uk-navbar">
      <div class="uk-navbar-left">
        <a class="uk-navbar-item uk-logo" href="#" rel="external nofollow" >Logo</a>
      </div>
    </div>
  </div>
</nav>

Sticky粘性 UI框架

我来解答赞 1 收藏

反馈

1 条解答

Mr.君杰 Lv1

大概率是你只引了核心库，没引sticky组件。UIkit 3把sticky拆出来了，得单独引入uikit.sticky.min.js：

<script src="uikit.min.js"></script>

<script src="uikit.sticky.min.js"></script>

引完就动了，不复杂。

2026-03-11 20:11