首页 > 解决方案 > 为什么我的页面让我在移动设备上滚动两次?

问题描述

我遇到了一个奇怪的问题,导致人们不得不滚动两次,或者页面卡在宽度小于 600 像素的移动设备上。我试过以下没有任何运气。我是一个绝对的初学者,所以请原谅我的无知。该页面是

https://neverthirst.myshopify.com/pages/eoy2019

.ClassForEntirePage{
height:100%; overflow-y:hidden;
}

你能帮我弄清楚我哪里出错了吗?

感谢您对此的任何帮助!

标签: htmlcssbootstrap-4shopify

解决方案


您的一个 CSS 文件中有一个属性overflow-y: scroll位于html标记处。

如果可能,您需要从中删除该属性。!important否则,您必须使用如下应用属性来覆盖该属性:

将此 css 代码放入您的自定义 css 文件中。

html {
    overflow-y: initial !important;
}

我希望这对你有用。

谢谢你...


推荐阅读