delimit parallax with javascript

1

I have this scroll link that works perfect when I use it at the end of a page but when I place it in another position the final text "montages" to the next section, example of the overlap (the last text): link

I was reviewing the js file and it seems to me that something more must be added, I do not handle much js so I dare to consult by this means.

Thanks for your time.

    
asked by Jorge Alarcon 05.09.2018 в 06:44
source

1 answer

1

This is happening to you because the section next to the paralax (where you do not want the text to be mounted), has not assigned any position , and also has no assigned z-index , so everything that is 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 do not 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 come up.

    
answered by 05.09.2018 / 09:15
source