css – body overflow hidden but keep browser’s native scrollbar

I’m using locomotive scroll library for smooth scrolling, The js file of this library creates a custom scrollbar to the body and there is even an option we can disable it.

See the demo of locomotive library codepen demo here

The CSS part of this library makes the native scrollbar hidden.

html.has-scroll-smooth {
  overflow: hidden; 
}

I need the browser native scrollbar should be there and for that, I made the overflow: auto.

html.has-scroll-smooth {
  overflow: auto; 
}

But it creates extra whitespace. Is there any way to keep the browser’s native scrollbar?

The tweaks I’ve made it codepen demo here