vue-sticky-directive
vue-sticky-directive copied to clipboard
Need help: Site consist of two sticky parts
Hi, many thanks for this package. It works great so far. Unfortunately I have a logical issue which I could not solve with given configuration possibilities.
On one of my current project, some pages have a 50/50 layout. The left and the right parts can both have more content than the other / than window.innerHeight.
The idea is to make both parts sticky. So that either one of them can stick around while scrolling the other, or both of them scroll as far as possible and get stuck when they can not be scrolled further.
The first use case works fine. So as long as only the left or the right half can be scrolled, everything works as expected. But as soon as both can be scrolled, one of them will stick until the other gets scrolled down completely.
I tried to solve it by tinkering around with the sticky-side option, but without success.
I hope it is clear what I mean and someone can help me with that one.
EDIT
BTW
The only sticky-side option that seems to be working, is both