如何删除双卷轴？

Question

我想制作facebook风格的图片浏览器。当我在观察者中只有图像并且它的高度不大于100％时，这没关系。但是，当我向图像添加描述时，它变得更大，因此滚动查看器。将滚动条添加到查看器后，它变为两个滚动条。

我看向facebook，只有观看者在那里滚动，身体（下层）是固定的。如何获得这种行为？

查看器容器的CSS

#gallary-container {
    bottom: 0;
    left: 0;
    overflow-x: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, .5);
    color: white;
}

编辑：

实际上有问题，如何在页面主体上禁用滚动条只留在查看器上？

Answer 1

您应该可以设置

overflow:hidden;

获取滚动条的框

Answer 2

很简单！我创建了课程

.htmlfixed{
    overflow: hidden;
    height: 100%;
}

并在js中指定它为html标签。

Answer 3

您可以尝试一下。

<style>
  html {
    overflow-y: hidden;
  }
</style>