0

我搜索了输入此内容时出现的几个建议问题，但找不到我的问题的答案。

我正在使用 Uikit V2，并且我有一个带有 Sticky 组件的 div。这里：

    <div class="uk-sticky" data-uk-sticky id="nvbr">
                <nav class="uk-navbar-center">
                    <a class="uk-button" href="#pg5"><h3>Contact</h3></a>
                    <a class="uk-button" href="#pg6"><h3>AboutUs</h3></a>
                    <a class="uk-button" href="#pg3"<h3>Services</h3></a>
                </nav>
            </div>

这在全屏上效果很好，但是当我调整到小屏幕时，栏变得非常宽。然后我在 Chrome 的检查器中打开，我得到了这一行：

    <div class="uk-sticky-placeholder" style="height: 123px; margin:0px;">

这将在我的代码中的什么位置，我该如何解决？我查看了 Uikit 和 Uikit.js。

（我应该注意，当我在 Inspector 中时，如果我将 123px 更改为 10px，它看起来很好。）

谢谢大家。

4

1 回答 1

0

我认为它只是根据视口中折叠的元素计算高度。

https://github.com/uikit/uikit/blob/v2/develop/src/js/components/sticky.js#L286

如果我在你的位置，我会做的事情是，我会在具有条件类的较小设备上隐藏导航栏元素并准备画布菜单（看看里面的文档）。

或者尝试使用您自己的 js 脚本来接管控制权。

于 2017-01-30T20:41:27.280 回答