react-stickynode

Global variables related to the client are now initialized during componentDidMount() instead of during module execution.

Adding ability to change z-index of the sticky node via the innerZ prop (thanks @samlecuyer!)

If a scrollStart event is received but the scrollTop value doesn't seem to have changed from the cached value, skip handling the event and the subsequent scroll event. This fixes an issue seen when the document's scroll position is being restored (eg, during a page navigation event in a single page app) and sticky may incorrectly attempt to reposition itself due to the scroll event.

Adds support for shouldFreeze prop, a function which allows an implementor to temporarily disable a sticky node through custom logic.

Fixes an issue where in release mode, calculations were being performed with a potentially outdated value for this.stickyBottom.

#36 - Explicitly add displayName for better debugging, thanks @itssumitrai !

#34 - Allow passing new props to updateInitialDimension, thanks @codeheroics !

#33 - Change function to es6 syntax

#31 - Toggling sticky behavior, thanks @egadstar !

#32 - fixed Sticky not being fixed when calling window.scrollTo()

Now Sticky support React@15 as well!

Thank @roderickhsiao

In many situations, we need to do something according to sticky status. Previously, we had contextual class to help us know sticky status, now we have a callback function! Thank you @eligolding.

https://github.com/yahoo/react-stickynode#handling-state-change

Fix that Sticky doesn't recalculate dimension when it's parent gets updated.

Fixed the issue that Sticky is in FIXED status and its height gets changed, it will be always FIXED.

We introduced a prop activeClass which will set to Sticky class when it is in fixed status. By default, the value of the prop is active. This feature provide flexibility to users to do more their own stuffs.

@fender

In some situation, for example, responsive design, Sticky will be set as display:none. In this case, Sticky should be disable for better performance.

Thanks @testerez.

https://github.com/yahoo/react-stickynode/issues/9

Sticky wrapper will keep the width as that of its content to avoid the width being changed by Sticky state change. This release fixed incorrect calculation of the width.

We added enableTransforms prop in case you cannot add Modernizr, so that you can disable transform. The default is true, so Modernizr is required by default. But still, strongly recommend to use the default value for the performance.

Thank @codeheroics for the contribution.

https://github.com/yahoo/react-stickynode/commit/256fb94df55e7b0010e2c2b10553bc4774aa0b2c

Using getBoundingClientRect() instead of offsetHeight to get better precision.

Sticky keeps content width, and height to avoid collapse when its state is "fixed". Sticky got width from the offsetWidth of content, but the width is rounded. A better way is to get width from calling getBoundingClientRect(), thank @testerez. To support lower browser (IE8 and lower), we fallback like

var outerRect = outer.getBoundingClientRect();
var width = outerRect.width || outerRect.right - outerRect.left;

https://github.com/yahoo/react-stickynode/pull/17