Removing scrollbars but leave scrolling functionality

Question

I know that there are almost the same questions related to scrollbars with some good answers, unfortunately that did not work for me. I want to hide scrollbars leaving scrolling functionality. Here is what I have:

<div class="sidebar">
   		<div id="status"> </div>
	<..li items etc >		
   	</div><!-- END SIDEBAR -->

And my CSS,

.sidebar {
	overflow: hidden;
	height: 90%;
}
.sidebar .#status {
	overflow:scroll;
}

My status id div is empty initially, and I have some list items (links) after it, what I am doing is that my status id div is being filled with li elements via ajax, since there are many of them i need scrollbar functionality, but since it is my sidebar positioned at the left side I do not want scrollbars to appear. Note: Making parent div overflow:hiddent and child one to scroll doesn't help.

This question has already been answered here

E_Kricheldorf
– E_Kricheldorf

2015-02-25 08:19:15 +00:00
Commented Feb 25, 2015 at 8:19 — E_Kricheldorf
– E_Kricheldorf, Commented Feb 25, 2015 at 8:19
duplicate - stackoverflow.com/a/16671476/2219158

shyammakwana.me
– shyammakwana.me

2015-02-25 08:20:31 +00:00
Commented Feb 25, 2015 at 8:20 — shyammakwana.me
– shyammakwana.me, Commented Feb 25, 2015 at 8:20

bitten · Accepted Answer · 2015-02-25 08:19:01Z

0

Try

overflow: hidden

on the parent, and then set

overflow-y: scroll

on the container. An example for you here: http://jsfiddle.net/DGmUK/

answered Feb 25, 2015 at 8:19

bitten

2,5532 gold badges28 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

johanthuresson · Accepted Answer · 2015-02-25 08:24:59Z

0

You can add a outer-bow that crops the scrollbars off.

.outer{
width:200px;
height:200px;
overflow:hidden;
}
.scrollbox{
width:260px;
height:200px;
overflow:scroll;
}
.inner{
width:190px;    
}

http://jsfiddle.net/johanthuresson/bj6wb0xo/1/

answered Feb 25, 2015 at 8:24

johanthuresson

5803 silver badges5 bronze badges

Collectives™ on Stack Overflow

Removing scrollbars but leave scrolling functionality

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related