Question

157

Allow scroll but hide scrollbar

rated 0 times [ 162] [ 5] / answers: 1 / hits: 158607 / 10 Years ago, sat, august 2, 2014, 12:00:00

I have a div with element styles like this:

 <div style=overflow-y: auto; max-height: 300px;>< id=DivTableContainer ></div>

I need to allow scrolling along the y-axis when it becomes higher than 300px, this works fine. But I need to set visiblity = false to scroll bar itself.

I tried to use this element style:

overflow-y: hidden;

While it hides the scroll bar, it also disallows scrolling. Is there a way to get scrolling without having the scrollbar visible?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

madelyn

Add To Favorites

Follow

Total Points: 449

Total Questions: 100

Total Answers: 100

Location: Seychelles

Member since Fri, May 7, 2021

3 Years ago

madelyn questions

1 Select value doesnt change the first time I trigger onChange event when using setSate React

Tue, Jan 11, 22, 00:00, 2 Years ago

1 React Native performance slow

Wed, Jul 28, 21, 00:00, 3 Years ago

1 MUI Datatable custom toolbar

Wed, Jul 14, 21, 00:00, 3 Years ago

1 Multi row swiper not working in react from swiper.js

Sat, Nov 7, 20, 00:00, 4 Years ago

1 How to make step wizard form in ReactJs?

Thu, Sep 3, 20, 00:00, 4 Years ago

View All

answered 10 Years ago victorw · Accepted Answer

It's better, if you use two div containers in HTML .

As Shown Below:

HTML:

<div id=container1>

    <div id=container2>

        // Content here

    </div>

</div>

CSS:

 #container1{

    height: 100%;

    width: 100%;

    overflow: hidden;

}



 #container2{

    height: 100%;

    width: 100%;

    overflow: auto;

    padding-right: 20px;

}