Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果文档高度高于视口,请执行X_Javascript_Jquery - Fatal编程技术网

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

Javascript 如果文档高度高于视口,请执行X,javascript,jquery,Javascript,Jquery,如果文档的高度高于视口,我将尝试向元素添加一些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和

如果文档的高度高于视口,我将尝试向元素添加一些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设置为高度:100%,将正文设置为最小高度:100%。有什么我错过的吗


我在这里查看了一些其他类似的问题,我似乎已经做了所有正确的事情。

我不确定这是否是您问题的解决方案,但可能是您可以检查windows是否有一个带有:$'divId'。hasScrollBar;如果为true,则修改css


要获得代码的最高部分,您的代码实际上看起来很好,它应该按预期工作。你能做一个三明治吗

但是,请尝试以下方法:


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

奇怪。。。我看不出你的代码不起作用的原因。我得到了期望值。你能在JSFIDLE上复制这个问题吗?这段代码对我有用,你的内容会导致滚动条吗?看看这个例子:也许可以检查$window.height是否大于window.screen.availHeight?可能是重复的我尝试了这个,但奇怪的是,数字仍然是一样的。这是我的建议。你可以看到,在控制台中,数字是一样的。我不能做小提琴,因为在小提琴中它可以工作。不过,如果有帮助的话,我可以给你。你可以在控制台中看到,数字是一样的。我明白了,但是var docH=parseInt$'body'.prop'scrollHeight'应该可以工作。我忘记提到了,但我试过了,它也没有工作。数字还是一样。这真的很伤我的大脑。谢谢你的帮助和努力。也许你在错误的事件中这么做了。将此代码放在$window.load事件中就是它。非常感谢。
var body = document.body,
    html = document.documentElement;

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