javascript - 网页高度超过视口高度时的 CSS 属性

Question

只有当页面超过视口高度时，有什么方法可以应用 CSS 属性吗？我认为@media 不起作用，因为它只检查视口尺寸，但不会将其与实际网页进行比较。

标签： javascripthtmlcss

Answer 1

使用 JavaScript，您可以这样做：

let height = Math.max( body.scrollHeight, body.offsetHeight, 
                   html.clientHeight, html.scrollHeight, html.offsetHeight );
if (height > window.innerHeight) {
    // you can put your styles here
};