hide vertical and horizontal scrollbars

Asked Feb 11 '16 at 03:44

Active Feb 11 '16 at 03:55

Viewed 89 times

See picture. How do I hide the horizontal and vertical scrolls bars in the div. I use

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

I want to allow scrolling horizontally (but hide the scrollbars) and anything that overflows vertically should be shown to the user.

Here's the 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>

edited Feb 11 '16 at 03:55

asked Feb 11 '16 at 03:44

J K

4,883
6
15
24

Not clear what you want, you want to hide? or show? – Bharadwaj Feb 11 '16 at 03:50
`overflow:auto;` is enough for this. – Bharadwaj Feb 11 '16 at 03:52
The scrollbars still show..... – J K Feb 11 '16 at 03:53
can you post `html` also? – Bharadwaj Feb 11 '16 at 03:54
As in pic, your content is already overflown the container, so the scroll bars will show. – Bharadwaj Feb 11 '16 at 03:56
1

possible duplicate of http://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll/16671476#16671476 – Dino Feb 11 '16 at 03:58
In CSS, `::-webkit-scrollbar` functionalities may help as it can hide it but not disable the scrolling. Take note for cross browser support. – Kelv.Gonzales Feb 11 '16 at 05:00

hide vertical and horizontal scrollbars

0 Answers0