css - 允许手机手指滚动

Question

我在这个网站上工作:

http://miketest.best/

但出于某种原因，手指上下滚动在手机上不起作用。尝试过 overflow-y: 在 .slide-container > 部分滚动，但它不起作用。桌面鼠标滚轮和箭头有效。

我可以缺少什么？我只希望每个部分元素中的内容能够在手机和计算机上滚动。最好隐藏侧滚动条。

.slide-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.slide-container > section {
    height: 100vh;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    scroll-snap-align: start;
    overflow: scroll;
    overscroll-behavior-y: contain;
    padding: 100px 1em 1em;
}

Answer 1

如果您正在运行 WordPress，它很可能是一个无法与其他插件或您的主题很好地兼容的插件。

• 尝试将您的主题切换为官方 Automattic 主题之一，例如 TwentyEighteen 或其他主题。看看是否能解决问题。

• 禁用所有插件，然后一个一个地禁用它们，然后重新启用它们，每次检查是否问题再次出现。

如果这些方法都不起作用，你应该在官方WP Support中询问论坛。