Вторая фоновая позиция в Параллаксе - PullRequest
Новая
       12

Вторая фоновая позиция в Параллаксе

0 голосов
/ 22 февраля 2020

Я использую сценарий Parallax: 

$(document).ready(function () 
            {

                $window = $(window);

                $('section[data-type="background"]').each(function ()
                {
                    var $bgobj = $(this);

                    $(window).scroll(function ()
                    {
                        var yPos = -($window.scrollTop() / $bgobj.data('speed'));
                        var parallax = '50%' + yPos + 'px';
                        $bgobj.css({
                            backgroundPosition: parallax
                        });
                    });
                });
            });

Он отлично работает с первым разделом, у меня есть другой раздел с другим фоном, параллакс работает, но положение фона плохое. Фон не внизу, и я не могу сделать отдельные позиции фона. Я пытался изменить

[data-type = "background"] на [id = "top"] / [id = "top1"]

Но это не так ничего не менять 

    <div class="page-content" id="post-<?php the_ID(); ?>">
         <section id="top" style="" data-type="background" data-speed="2">

         </section>
    </div>
    <div class="page-content" id="post-<?php the_ID(); ?>">
         <section id="top1" style="" data-type="background" data-speed="2">

         </section>
    </div>
...