允许手机手指滚动答案

【问题标题】：Allow phone finger scrolling允许手机手指滚动
【发布时间】：2020-04-20 15:57:33
【问题描述】：

我在这个网站上工作：

但由于某种原因，上下滚动的手指在手机上不起作用。尝试了 overflow-y: scroll in the .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;
}

【问题讨论】：

标签： css

【解决方案1】：

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

尝试将您的主题切换为官方 Automattic 主题之一，例如 TwentyEighteen 或其他主题。看看这是否能解决问题。
禁用所有插件，然后一个接一个，重新启用，每次检查问题是否再次出现。

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

【讨论】：