隐藏垂直和水平滚动条

Question

见图。如何隐藏div中的水平和垂直滚动条。我用

width: 100%;
height: 250px;
overflow-x: auto;
overflow-y: visible;
white-space: nowrap;

我想允许水平滚动（但隐藏滚动条），并且应该向用户显示任何垂直溢出的内容。

这是HTML

<div class="shell">
    <div class="overlay-shell-content">
        <div class="area">
            <div class="panel">
                <div class="related">
                    <h4>More like this:</h4>
                    <div class="related-items clearfix">
..... 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>