Question

我有一个React应用程序网站，但在Google chrome Mobile上滚动弹跳时遇到了问题。在野生动物园中，它可以正常工作，滚动时不会弹跳。

看到它

我尝试了许多解决方案，但没有一个对我有用。我必须将应用程序设置为全屏，才能使页脚始终位于页面底部或下方。

HTML结构如下：

<body>
   <div id="root"> // here renders react application
      <div class="app-wrapper"> 
         <div class="container">
         <div class="footer">
      </div>
   </div>
<body>

这是我的CSS：

body{ min-height:100vh}
#root{min-height:inherit}

.app-wrapper
{
  min-height: inherit;
  display: flex;
}

.container{
  flex-grow: 1;
}

.footer{
  flex-shrink: 0;
}

我读到它可能是由vh引起的，但尝试通过一些JavaScript修复程序来通过当前窗口高度手动设置高度。但是没有用。我真的不知道什么会导致这种行为。

移动版Google Chrome浏览器上的水平滚动弹跳错误

0 个答案: