I have a web page with infinite scrolling. I always want to have the vertical scrollbar present so I have added the following style:

html {  
  overflow-y: scroll;   
}

This works in that it shows the scrollbar but it just displays an empty scrollbar, i.e. there is no cursor to allow the user to scroll up or down.

Is it possible to not only display the scrollbar but also have the cursor displaying as well?

I have a web page with infinite scrolling. I always want to have the vertical scrollbar present so I have added the following style:

html {  
  overflow-y: scroll;   
}

This works in that it shows the scrollbar but it just displays an empty scrollbar, i.e. there is no cursor to allow the user to scroll up or down.

Is it possible to not only display the scrollbar but also have the cursor displaying as well?

• javascript
• css

• If the content doesn't scroll then the scroll bar will be empty. :P – uadnal Commented Jul 3, 2012 at 13:51
• What do you mean by "infinite scrolling"? You have content that never ends? Normally, the cursor (I assume you mean the slider element that indicates where you are currently located within the element) will appear as soon as some of the content has overflowed the element on the specified axis. – AmericanUmlaut Commented Jul 3, 2012 at 13:53

2 Answers 2

Make the html a bit higher and the scroll will show up

html {
   overflow-y: scroll;
   height: 101%
}

It's a bit hard to say with the limited information you've provided. What javascript/plugin are you using to achieve infinite scrolling?

My gut instinct is that the infinite scroll may be happening in an element below the top-level html element. Maybe try using your browser's developer's tools to identify which element is actually scrolling, and applying the "overflow-y: scroll;" to that.

Be warned, you may find that the reason they hide the vertical scroll-bar is that the plugin you're using makes it meaningless. If the system deletes old elements from the top of the page so as to not run out of memory, scrolling to the top of the scroll-bar may not take you to the top of the page.