时间戳

首页 > 解决方案 > 在移动设备中向上滚动时页面底部出现白色间隙

html - 在移动设备中向上滚动时页面底部出现白色间隙

问题描述

我的网页在台式机和其他大屏幕上运行良好。但是在移动设备上，当我像这样触摸并向上滚动时，页面底部会出现一个白色间隙 -

在此处输入图像描述

我尝试通过参考 stackoverflow 中的其他答案将初始比例、最小比例和最大比例值更改为 0.6、07 和 1.0。任何人都可以帮我解决这个问题。这是我的小提琴 - https://jsfiddle.net/m7z0kqa5/

我正在使用此代码将页面设置为视口高度 -

   $(".chat-history").height($(window).height() - $(".chat-message").height() - $(".header").height()-40);
    $( window ).resize(function() {
        $(".chat-history").height($(window).height() - $(".chat-message").height() - $(".header").height()-40);
    });

提前致谢

标签： htmlcss

解决方案

在其中一个 div 上移除 height:100vh 解决了该问题

推荐阅读