我有这个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搜索但没有发现任何帮助.谁知道为什么这不起作用?
我有一个具有以下 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 中以像素为单位获取高度?