hc-sticky icon indicating copy to clipboard operation
hc-sticky copied to clipboard

Parent transform: translate(0, 0)

Open mupic opened this issue 6 years ago • 1 comments

Like any other sticky library, this one also does not work if the parent has the transform: translate (0, 0) style. This library is one of the many that I liked, it would be very cool if the function of support for transformed elements was added in the future.

mupic avatar Oct 24 '19 20:10 mupic

This is impossible to implement whit libraries such as this one, because in order for the element to bi sticky relative to the viewport, it has to have position: fixed. Here is the explanation of what is happening when you put fixed element inside transformed parent: https://stackoverflow.com/questions/15194313/transform3d-not-working-with-position-fixed-children/15256339#15256339

Unfortunately there is no workaround for this.

somewebmedia avatar Aug 18 '20 08:08 somewebmedia