这种造型从何而来？

Question

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

我使用的是 Uikit V2，我有一个 div 和 Sticky 组件。这里：

    <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，它看起来不错。）

谢谢大家。

Answer 1

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

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

如果我在你那里我会做的事情是，我会在带有条件类的较小设备上隐藏导航栏元素，并准备 canvas 菜单（看看里面 docs).

或者尝试用自己的js脚本接管控制

这种造型从何而来？

Where is this styling coming from?

html

javascript

css

getuikit