html - 为什么我的页面让我在移动设备上滚动两次?

标签 html css bootstrap-4 shopify

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

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

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

你能帮我找出我哪里出错了吗?

感谢您对此的任何帮助!!

最佳答案

在您的一个 CSS 文件中的 html 标签中有一个属性 overflow-y: scroll

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

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

html {
    overflow-y: initial !important;
}

我希望这对你有用。

谢谢你...

关于html - 为什么我的页面让我在移动设备上滚动两次?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59185167/

相关文章:

javascript - 使用图像区域作为提交

javascript - jquery中如何检查一个值是否大于其他值?如果是这样,则显示警报框

css - 漂浮的幽灵CSS动画

html - 计算div的宽度

twitter-bootstrap - x 在 Bootstrap 4 中可编辑?

python-3.x - 如何向表添加分页(Django)

javascript - bower ENORESTARGET 未找到标签问题

javascript - 使用 jquery 更新类

javascript - 如何更改 HTML 标记内模板化字符串的日期格式

html - 当同一行上的其他 Flex 元素具有不同高度时,绝对定位会中断