小编Wol*_*ryo的帖子

位置:粘不起作用

我有这个HTML代码:

<div class="header">
<div class="desc">Description</div>
<div class="logo"><img src=""/></div>
<div class="navbar"></div></div>
Run Code Online (Sandbox Code Playgroud)

.header的高度为150px..navbar的高度为20px.当用户滚动时,我希望.navbar粘在顶部.所以我去了CSS并设置了位置:sticky和top:0.但这没效果.我最初认为firefox不支持position:sticky,但事实并非如此,因为我能够看到它的工作演示.我用Google搜索但没有发现任何帮助.谁知道为什么这不起作用?

css position sticky navbar

13
推荐指数
5
解决办法
2万
查看次数

如何在纯javascript中以像素为单位获取高度?

我有一个具有以下 HTML 结构的论坛:

<div id="header">Contents</div>
<div id="main">Contents</div>
<div id="footer">Contents</div>
Run Code Online (Sandbox Code Playgroud)

基本上,我需要将高度设置为#main文档的高度减去其他 2 个元素的高度。问题是我必须在没有 jquery 的情况下做到这一点。我用谷歌搜索了这个问题并找到了 clientHeight 方法,但它以数字形式返回高度,而我需要它作为像素。

所以,问题是:

有什么方法可以在纯 javascript 中以像素为单位获取高度?

javascript height pixel

5
推荐指数
1
解决办法
4424
查看次数

标签 统计

css ×1

height ×1

javascript ×1

navbar ×1

pixel ×1

position ×1

sticky ×1