search

alvarotrigo / pagePiling.js

pagePiling plugin by Alvaro Trigo. Create a scrolling pile of sections. http://alvarotrigo.com/pagePiling/
4.1k stars 654 forks source link

Overlays page navigation #219

Closed ectu closed 3 years ago

ectu commented 3 years ago

Hi

As soon as PP is active, it moves to the foreground and overlaps the main navigation, which means it no longer works. How can this be avoided?

Many thanks

alvarotrigo commented 3 years ago

Can you provide an isolated reproduction of your issue? I would encourage you to see the examples available too: https://github.com/alvarotrigo/pagePiling.js/tree/master/examples

ectu commented 3 years ago

Navigation z-index = 100 Inner Content z-index = -1

I guess it should be possible to use PP with my standard navigation?

Wordpress page, created with Oxygenbuilder. The problem exists in all common browsers.

https://user-images.githubusercontent.com/78073705/107021360-539c9400-67a4-11eb-9993-9c92d45dc1d3.mp4

alvarotrigo commented 3 years ago

Just use a higher z-index for your navigation? :)

I assume you are placing it outside the pagepiling wrapper? Because if not, you should too.

ectu commented 3 years ago

Okay, problem solved. I now put the z-index in the child element instead of the parent element.

Thanks a lot for your support.

alvarotrigo commented 3 years ago

No problem! 👍