Home / Questions / 194148
Accepted
Jorge Alarcon
Asked: 2020-09-05 20:44:18 +0800 CST 2020-09-05 20:44:18 +0800 CST

delimit parallax with javascript

  • 772

I have this scroll https://codepen.io/StephenScaff/pen/WxoVBo that works perfect when I use it at the bottom of a page but when I place it in another position the final text "mounts" to the next section, example of the overlay ( last text): http://dev.jazm.in/ox/s/

I was reviewing the js file and it seems to me that something else should be added, I don't handle much js so I dare to consult through this means.

Thanks for your time.

javascript

1 Answers

  1. Best Answer

    This is happening to you because the sectionnext to the parallax (where you don't want the text to mount), has no position, and also has no z-index, so everything in the rest of the section(that have z-index: 5), will be above

    One solution would be to give the section, in which you don't want the text to be mounted, the following CSS rules:

    CSS

    position: relative;
z-index: 6;

    With that you should have solved the problem that has arisen.

    • 1