Question

我正在开发智能手机的应用程序/网站。该应用程序由3个面板组成。用户必须在屏幕上滑动手指才能显示隐藏的面板。

为实现这一目标，我的所有面板都处于绝对位置，一个已离开：-100％（左侧面板）而另一个左侧：100％（右侧）

问题在于，在智能手机上，即使我希望隐藏它，我也可以顺畅地看到右侧面板

html代码

<body>
    <div id="right-panel">
    </div>        
</body>

css：

 body {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgb(200, 120, 120);
 }

#right-panel {
    box-sizing: border-box;
    transition: ease left 0.4s;
    width: 100%;
    height: 100%;
    left: 100%;
    background-color: hsl(2, 100%, 98%);
    position: absolute;
    z-index: 14;
}

你知道我能做些什么来防止这个问题（在计算机浏览器上不会发生这种情况）

由于

防止在智能手机上滚动

0 个答案: