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

【问题标题】：White gap at the bottom of the page on scrolling upwards in mobile在移动设备中向上滚动时页面底部出现白色间隙
【发布时间】：2020-09-01 17:30:10
【问题描述】：

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

我尝试通过参考 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);
    });

提前致谢

【问题讨论】：

可能有多种原因。 1. 可能是小屏幕上的高度问题 2. 可能是由于元素在小屏幕上得到填充。等
@AhmadHabib 谢谢。在其中一个 div 上移除 height:100vh 修复了问题

标签： html css

【解决方案1】：

在其中一个 div 上移除 height:100vh 修复了问题

【讨论】：