【问题标题】:Why does my page make me scroll twice om mobile?为什么我的页面让我在移动设备上滚动两次?
【发布时间】:2020-03-29 19:06:00
【问题描述】:

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

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

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

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

感谢您对此的任何帮助!

【问题讨论】:

  • 你为什么要隐藏溢出 y?
  • “用户必须滚动两次”是什么意思?

标签: html css bootstrap-4 shopify


【解决方案1】:

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

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

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

html {
    overflow-y: initial !important;
}

我希望这对你有用。

谢谢...

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-12-30
    • 2019-08-25
    • 1970-01-01
    • 1970-01-01
    • 2021-02-26
    • 1970-01-01
    • 2021-01-24
    • 2021-06-26
    相关资源
    最近更新 更多