You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have sticky elements at the top of divs that are hidden until explicitly opened by the user.
Sticky elements below the first div are sticking to a fixed position that includes the depth of the hidden panels above, whether they are hidden or shown. So if all the panels above a given one are open, the sticky elements seem to be working fine, but if any are closed, the sticky element is too low on the page by the depth of the hidden panels.
For example, the first hidden panel in this test is about 907px high. When it's open, the sticky element at the top of the next panel is fine. But if that first one is hidden, the sticky element in the second panel is about 907px too low on the page:
Note: Found another solution not using sticky-kit, but leaving this here in case anyone else cares... Feel free to close if it's not on the roadmap to fix.
I have sticky elements at the top of divs that are hidden until explicitly opened by the user.
Sticky elements below the first div are sticking to a fixed position that includes the depth of the hidden panels above, whether they are hidden or shown. So if all the panels above a given one are open, the sticky elements seem to be working fine, but if any are closed, the sticky element is too low on the page by the depth of the hidden panels.
For example, the first hidden panel in this test is about 907px high. When it's open, the sticky element at the top of the next panel is fine. But if that first one is hidden, the sticky element in the second panel is about 907px too low on the page:
http://insightcx.info/tests/stickykit/
Any way to account for hidden divs when calculating the sticky element fixed position?
Thanks!
The text was updated successfully, but these errors were encountered: