6

I have a vertical menu which is scrollable on the Y axis with overflow-y: scroll. I'm on a MBP16 and on both Chrome and Safari the scrollbar for this div only appears when I hover it, looking like this

But when I connect my MBP16 to a 1080p display the scrollbar remains visible and with a different look.

I know it might be an OS setting but is there any workaround to this? Specially to get the scrollbar showing only when hovered. I've already tried overflow-y: hidden to the regular div and overflow-y: scroll to its :hover, but it remains the same.

Otavio Luis Vidal
  • 61
  • 2

1 Answers1

0

Since setting the overflow to none and changing it to overflow scroll on hover didn't work for you,

I suggest using the Jquery plugin nanoScrollerJS

It gives an easy way of adding Mac OS X Lion-styled scrollbars for your website which only appear when hovered as you requested.

omar.brome
  • 26
  • 6