javascript - 如果文档高度高于视口(viewport),则执行 X

标签 javascript jquery

如果文档的高度高于视口(viewport),我会尝试向元素添加一些 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()输出 docHviewPortH 733 事实并非如此。

我有html设置为height: 100%body设置为min-height: 100% 。有什么我错过的吗?

我在这里查看了其他一些类似的问题,我似乎已经正确完成了所有操作。

最佳答案

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

但是,尝试一下:

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

关于javascript - 如果文档高度高于视口(viewport),则执行 X,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28339192/

相关文章:

javascript - 如何在 react-styleguidist 中添加具有依赖关系的组件示例

javascript - 渲染后在javascript中旋转圆环图

javascript - 如何在 jQuery 中查找父级的数据值

javascript - 如何在 Javascript 中获取兄弟元素 (div)?

javascript 图像翻转

jQuery 添加多个 CSS 变量

javascript - 绕过现有的 MutationObserver 以使用 Tampermonkey 插入 DOM 元素

javascript - 使用 jquery 自动完成提交隐藏的输入值

javascript - 如何更新 "then*"函数中的URL?

javascript - offsetX、offsetY 和 pageX、pageY 有什么区别?