如果文档高度高于视口，请执行 X

If document height is taller than the viewport, perform X

本文关键字：执行 视口 文档 高度 高于 如果      更新时间：2023-09-26

如果文档的高度高于视口，我正在尝试向元素添加一些 css。

var docH = $(document).height(),
    viewPortH = $(window).height();
    console.log(docH);
    console.log(viewPortH);
if (docH > viewPortH) {
    $('.slick-slide img').css('max-width', '90%');
}

但是，console.log()输出 docH 和 viewPortH 作为 733，但事实并非如此。

我将html设置为height: 100%，body设置为min-height: 100%。我错过了什么吗？

我

在这里查看了其他一些类似的问题，我似乎做对了所有事情。

您的代码实际上看起来不错，它应该按预期工作。你能做一个jsfiddle吗？

但是，请尝试一下：

var docH = parseInt( $('body').prop('scrollHeight') ),

我不确定这是否是您问题的解决方案，但可能是您可以检查窗口是否有滚动条： $('#divId').hasScrollBar();如果为真，则比和/修改 css

或 

var body = document.body,
    html = document.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );

获取文档的最高部分

相关文章：