remove scrollbar width from header jquery code example

Example 1: hgow to hide scroll bar and add buttons in javascript

.scoll-pane {
    width: 100%;
    height: auto;
    overflow: auto;
    outline: none;
    overflow-y: hidden;
    padding-bottom: 15px;
    -ms-overflow-style: scroll;  // IE 10+
    scrollbar-width: none;  // Firefox
}

ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

img {
    width: 300px;
    height: 180px;
}

  .scoll-pane::-webkit-scrollbar { 
  display: none;  // Safari and Chrome
  }

Example 2: javascript hide scrollbar

// You can hide the document scrollbar with this...
document.body.style.overflow = 'hidden';
//...and unhide it with this:
document.body.style.overflow = 'visible';

// Or switch between them:
booleanCondition
  ? document.body.style.overflow = 'hidden'
  : document.body.style.overflow = 'visible';

Tags:

Css Example