search

nozzle / nzScrollbar

A featherweight replacement scrollbar directive for angularJS
3 stars 4 forks source link

CSS translate alternative? #3

Closed cosme-benito closed 9 years ago

cosme-benito commented 9 years ago

Is it possible to have a CSS translate alternative for the inner-content DIV?

The reason I ask is because I need some of the content to be position: fixed. When a parent div has a CSS translate operation all the content inside is set from position: fixed to position: relative, which is quite the bummer.

More detailed information about this issue here: http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/

tannerlinsley commented 9 years ago

Would absolute positioning with a negative top property work for your use case? Css transforms are extremely performant but I see your point.

cosme-benito commented 9 years ago

I agree that CSS transform is extremely performant and that my case is probably unusual (scrolling draggable content). Perhaps you could add an optional flag like use-css-translate="true" for the rare cases like these.

The indicator should continue to use the transform IMHO.

I tried the negative top, works like a charm.

tannerlinsley commented 9 years ago

If you want to PR, let me know, otherwise I'll try it out later today and see how it goes

I think use-css-translate with a default to true is great.

cosme-benito commented 9 years ago

Sure thing, I already made the change in my local environment.

tannerlinsley commented 9 years ago

Fixed with 54014c9007c542b63f2938300aa9ced5b4d0ea3d. Thanks to @cosme-benito