Question

如果文档的高度比视口高，我正在尝试向元素添加一些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%。我错过了什么吗？

我在这里查看了其他一些类似的问题，我似乎已经做好了一切。

Answer 1

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

或

var body = document.body,
    html = document.documentElement;

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

获取document

的最高部分

Answer 2

您的代码实际上似乎很好，它应该按预期工作。你可以做一个jsfiddle吗？

然而，试试这个：

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

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

2 个答案: