Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accommodate hidden div depth? #30

Open
ramatsu opened this issue Feb 17, 2014 · 1 comment
Open

Accommodate hidden div depth? #30

ramatsu opened this issue Feb 17, 2014 · 1 comment

Comments

@ramatsu
Copy link

ramatsu commented Feb 17, 2014

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!

@ramatsu
Copy link
Author

ramatsu commented Feb 19, 2014

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant