kendo ui 底部移动位置元素

kendo ui mobile position element at bottom

我正在尝试使用 kendo ui 移动设备将一个元素放置在我的移动设备页面的底部。我在底部有一个标签条,我不希望它成为页脚样式,所以不幸的是 data-role="footer" 不会削减它。我试过设置 style="bottom:-1em;" 但这不起作用,它将 div 放在 -1em 之前的位置。

要使底部样式起作用,您应该使用 position: fixed 或 absolute。 Position fixed 应根据视口定位它,而不管元素的容器。然而 position: fixed 在移动平台上是相当错误的。

另一方面,Position: absolute 将根据其定位的容器定位您的元素,因此为了使用它,您可以将您的元素放在页脚中。绝对位置将从页面流中删除该元素,因此它不会影响您在那里的 TabStrip 的定位。页脚没有 overflow: hidden,因此如果需要,可以将元素放置在页脚之外和内容之上。