Hi,
I would need to have an item (in my case, a menu box with button) stick to the top of the page when scrolling down.
I have an index of like 200 item connected to a database and i want the menu to stay on top so we dont loose track of what we are looking at when we are low in the list.
I have done it on another website builder with jquerry, does wix can take jquerry?
Here is my list and the menu i want to stick is the one over the list with nom, lieux, date etc
Here is examples of what i want to acheive:
http://stickyjs.com/
or
Thanks !
Hi Guillaume ,
There is no need to use code in this case.
Check this out:
https://support.wix.com/en/article/about-pin-to-screen-6838335
Good luck!
Roi
Hi,
Thanks for the answer but i have already try that and its not doing what i want.
The problem is that when you scroll down my list, if it stay pinned right where it is, it will be in the middle of the list, i want it to be on top all the time, wich would be the top of the windows when the list reach that level.
Hi,
My suggest is using onViewportEnter to hide and onViewportLeave to show a duplication of the menu that is pinned to the screen.
Good luck!
Roi
Hey, great idea man, its working perfect, ive created a line that i put transparent with the hide and show atribute for my menu, at the level i want my menu to appear and the transition is flawless!
Thanks!
Graet!
Can you share your a link to your site ? I want to see.
Roi
lol… yes but don’t mind my site, it really in construction (and have been for 4 years now lol)
The said menu is in “index”
http://urbandownfall.wixsite.com/urbandownfall
Looks perfect, Good work!
Thanks to you, couple of little adjustement and it will be perfect!
Hi Guillaume,
Your website looks fabulous!
May I ask how exactly you set up the onViewportEnter?
Since it doesn’t work on my site, it only works when I scroll it back to the top of the page.
Thanks!
Danny
Hey man could you share the code you used for that element?? Thanks
