是否有可能存在有效但不可见的溢出？ [关闭]答案

【问题标题】：Is there any possibility to have an overflow that works but not visible? [closed]是否有可能存在有效但不可见的溢出？ [关闭]
【发布时间】：2013-10-08 13:09:36
【问题描述】：

我只是想知道是否有隐藏滚动条的可滚动区域（即overflow: scroll）的解决方案？我在谷歌搜索时没有找到解决方案，所以我在这里问。如果 CSS 可以做到这一点，那就太酷了。但是如果有 JS 或 php 的解决方案，我仍然想知道。

【问题讨论】：

我不知道你在说什么。请详细说明。
您是在询问隐藏滚动条但仍然可以滚动吗？
根据规范，它们都可以工作。什么意思？
我的意思是你看不到滚动条，但它可以工作。这样你就没有右边的丑陋栏但你仍然可以滚动？你知道吗？ :)

标签： html css overflow invisible

【解决方案1】：

通过将container 绝对定位在外部容器中，该外部容器相对定位并带有隐藏溢出，您可以将内部容器的滚动条隐藏在第一个容器之外。

所以滚动条还在，但是你看不到它。

    #outer {
        position: relative;
        width: 200px;
        height: 300px;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }
    #inner {
        position: absolute;
        left: 0;
        top: 0;
        right: -30px;
        bottom: 0;  
        padding-right: 15px;
        overflow-y: scroll;
    }

JSFiddle： http://jsfiddle.net/g6URf/

【讨论】：