locked
Hide scroll bar using overflow-y: scroll RRS feed

  • Question

  • User113730038 posted

    Is there anyway to still have the content scroll using that CSS?  If not, is there another option?  This is a display for management and they don't want to see the vertical scroll bar.

    Friday, January 20, 2017 4:48 PM

Answers

All replies

  • User-1509636757 posted

    If I understood correctly, you need hide scrollbar but still want to allow scrolling the page vertically but still want to hide the scroll, then you can make use of ::-webkit-scrollbar {display:none;}. Check out similar thread here:

    1. Allow scroll but hide scrollbar
    2. Hide scroll bar, but still being able to scroll

    hope it helps./.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Saturday, January 21, 2017 9:18 AM
  • User113730038 posted

    Sounds like what I need.  Never seen this syntax, how do I use it either in a .css file or inline?  Also, we only use IE.

    Here is my current div working but still displays the scroll bar.

    <div style="left: 0; right: 0; margin-top: 80px; top: 10px; height: 600px; overflow-y: scroll" > 

    Monday, January 23, 2017 1:20 PM
  • User113730038 posted

    This worked for me, thanks for pointing me in the right direction

    <div class="parent">
        <div class="child">
        </div>
    </div>
    Css
    .parent{
          ;
        width: 300px;
        height: 150px;
        border: 1px solid black;
        overflow: hidden;}
    .child{
      height: 150px;   
       width: 318px;
       overflow-y: scroll;
    }

    Monday, January 23, 2017 1:44 PM