Search code examples
javascriptcssskrollr

How can I prevent bottom scroll bar from appearing?

On this dev URL I use skrollr to make desk items slide away. the action takes place between scroll position 0 and 300. Anywhere in between there, the bottom scroll bar appears bc items are moving off the right side of the page. At 300, all items that moved off to the right of the page get "display: none" assigned, so they disappear and the scroll bar goes away.

Is there anyway to prevent the scroll bar from EVER appearing?

Solution

  • Since it is on the x-axis, you can use overflow:hidden:

    body{
  overflow-x:hidden !important;
  }

    This will ensure no scrolling on the body's x-axis.