Question

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

我正在使用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，那看起来很好。）

谢谢大家。

Answer 1

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

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

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

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

这种造型来自哪里？

1 个答案: