There are tabs in the block and after a couple of screens, fendiklushki (parallax) are going on, everything is ok, they go behind the screen from above and below, but if you add 5-10 tabs of tabs, everything should be ok and it’s not connected in any way but these files start to disappear than go behind the screen, and if you add even more tabs, they will not be visible. How to fix it and what is it connected with?

Between these screens there are a couple more pieces and their height is about 1000px. Can you explain what's going on?

  • It would be nice to see your css code - ogorank
  • Sorry, I could not resist - but the word fendyushki - cool :))) - Moonvvell
  • I use this markdalgleish.com/projects/stellar.js Here is the code: jsfiddle.net/cb9m3ng2/2 there is one screen and css to it. These findeklyushki <div class = "line2" data-stellar-background-ratio = "0.5"> <img src = "images / box_177x209.svg" alt = "" data-stellar-ratio = "2"> </ div > <div class = "scales2" data-stellar-background-ratio = "0.5"> <img src = "images / apple_134x137.svg" alt = "" data-stellar-ratio = "2"> </ div> Bezz tabov everything works well. - Arthur Chereshnyuk

1 answer 1

Add parallax height: 200%

Sample css code:

.bg { background: url('bg.jpg') repeat; position: fixed; width: 100%; height: 200%; top:0; left:0; z-index: -1; }

Or pick a scroll speed

Example:

 function parallax(){ var scrolled = $(window).scrollTop(); $('.bg').css('top', -(scrolled * 0.2) + 'px'); }