让垂直滚动条始终显示css

Question

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, ie 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?

Answer 1

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

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

Answer 2

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.