cubiq / iscroll

Smooth scrolling for the web
http://iscrolljs.com
MIT License
12.87k stars 3.8k forks source link

Always visibile scroll bar for Mac Os X #1031

Closed alvarotrigo closed 8 years ago

alvarotrigo commented 8 years ago

Does iScroll.js support an always visible scrollbar for Mac OS X? I don't seem to make it work: https://jsfiddle.net/511wmq3h/

sculove commented 8 years ago

@alvarotrigo I don't understand what you said. I fix your demo. https://jsfiddle.net/fcyp07sn/15/

Is this right?

alvarotrigo commented 8 years ago

Nop. I don't know how can I say it more clear. I just want the scroll bar created by iScroll to be always visible, not only when I scroll up or down.

In Mac Os X the scroll bar disappears when the user stops scrolling.

cubiq commented 8 years ago
scrollbars: true,
fadeScrollbars: false,
hideScrollbars: false

seems to be working

alvarotrigo commented 8 years ago

@cubiq the scroll bar disappears after the user stops scrolling. You can easily test it on the jsfiddle I provided.

nobar

As you can see on the picture there's no scroll bar at all.

cubiq commented 8 years ago

double check spelling. all you need is fadeScrollbars:false (plural)

alvarotrigo commented 8 years ago

@cubiq I'm getting the same result. No initial scroll bar and it disappears whenever I stop. Reproduction online

Here's a video. It is quite laggy as I was using a connection to a remote computer, but you can see what I'm not crazy when say the scroll bar disappears untitled screencast 1 :

cubiq commented 8 years ago

please check @sculove 's example and simply set fadeScrollbars to false.

alvarotrigo commented 8 years ago

@cubiq I did? Why I got no comments on my video proof?

Few things regarding his fiddle:

And just for you to believe me, here's the new video with his own fiddle: notworking2

cubiq commented 8 years ago

you have to set the fadescrollbars to false (in your video is "true")

alvarotrigo commented 8 years ago

Thanks, but that was not the problem.

It was not about the options, but about the HTML markup , that seems to require the wrapper element scroller and the CSS property overflow:hidden that I was missing.

https://jsfiddle.net/511wmq3h/8/

cubiq commented 8 years ago

that's why I was suggesting to check @sculove example :)

glad we came to the bottom of it