Z-Index und Sticky

5 Posts

H.J. posted this 16 April 2019

Sticky funktioniert nur wenn der nachfolgende Inhalt darüber scrollt. Stelle ich die nachfolgenden Inhalte nach hinten, funktioniert das Sticky nicht. Würde ein nachträgliches ändern des Z-Index nach dem exportieren helfen? Wenn ja wie soll das gehen, denn ich habe keinen Z-Index in der CSS gefunden.

sticky

sticky.mp4

a.png

b.png

Vote to pay developers attention to this features or issue.

4 Replies

Order By: Standard | Newest

5 Posts

H.J. posted this 17 April 2019

Also Z-Index gibt es schon, nur nicht dort wo ich etwas einstellen will. Aber es gibt eine andere Lösung:
Ich erstelle einfach einen leeren container in der betreffenden Section und stelle diesen nach vorn. Der Container kann ruhig sehr klein sein, oder außen am Rand sitzen. Dann lassen sich die anderen Container nach hinten stellen.

sticky2.mp4

Support Team posted this 17 April 2019

Hi,

Could you please attach the problem website exported as Project.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

5 Posts

H.J. posted this 18 April 2019

Habe mal ein Beispielproject hochgeladen

z-index-problem.zip

Support Team posted this 22 April 2019

Hi,

The options "Send to Back" and "Bring to Front" change the order of the elements in HTML structure.
When the "Bring to Front" option is used for "Sticky" container it is located below the "Scroll Back Sticky" Containers. Since the element is sticky only inside its containing box it ceases to be sticky as soon as it reaches the bottom edge of the containing box. This behavior may be different depending on the order of elements in containing box.
If you want you can try adding z-index to the "Sticky" elements. This should help.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

You must log in or register to leave comments