search

jamesflorentino / nanoScrollerJS

A jQuery plugin that offers a simplistic way of implementing Lion OS scrollbars.
http://jamesflorentino.github.com/nanoScrollerJS/
MIT License
2.69k stars 502 forks source link

Firefox: native scrollbar visible #218

Closed ghost closed 10 years ago

ghost commented 10 years ago

In my app .nano and .nano-content are children of a div element with an opacity set to 0.7.

While this seems to cause no issues in Chrome, the native scollbar of the .nano-content is visible in FF.

Any ideas how I can prevent this?

adam101 commented 10 years ago

Which version are you using? See issue #204.

ghost commented 10 years ago

FF on Ubuntu and the latest nanoScroller.

adam101 commented 10 years ago

Are you sure your javascript file has version number greater than 0.7.5 in the first line?

ghost commented 10 years ago

/! nanoScrollerJS - v0.7.6 - (c) 2014 James Florentino; Licensed MIT /

kristerkari commented 10 years ago

@bardu, can you post an example of your FF problem? Perhaps a JSFiddle demo?

kristerkari commented 10 years ago

@bardu I'm interested in how your HTML and CSS classes are set. Recent CSS changes made nanoScroller use the CSS "direct child" (>) selector, so the markup has to strictly ordered.

ghost commented 10 years ago

here is my relevant HTML and CSS:

https://gist.github.com/bardu/8813837

hope that helps.

Thanks.

kristerkari commented 10 years ago

@bardu with a quick look at that code, it looks like you are preventing nanoScroller from hiding the scrollbar with your custom CSS by having the container width set to a bigger value than width for nano-content. I'm not sure tho because I did not test it yet.

ghost commented 10 years ago

@kristerkari indeed, that was the issue.

Thanks for looking at it.

petebarr commented 9 years ago

Great to know! I had a margin-right on the nano-content which also resulted in native scrollbars for Firefox and IE. Padding-right instead works great. Cheers!