Как сместить фон parallax

Question

https://dropgame.ru/
как сместить верхний фон, что бы прокрутка была с средины изображения
стили

padding: 68px 0 0 0;
margin: 0;
background: #f6f6f6 url(../images/Shablon.gif) center top no-repeat;
text-align: center;
font-family: ‘Open Sans’, sans-serif;
font-size: 15px;
color: #373737;

js

$(‘.par’).each(function(){
var $bgobj = $(this);
$(window).scroll(function() {
var yPos = -($(window).scrollTop() / 1);
var coords = ‘center ‘+ yPos + ‘px’;

$bgobj.css({ backgroundPosition: coords });
});
});

1

Answers ( 4 )

    1
    2018-11-28T16:14:18+02:00
    Reply

    в стилях и в js надо указать одинаковые значения, иначе никак, спасибо за помощь

  2. Grek
    0
    2018-11-28T14:54:04+02:00
    Reply

    Как вариант

    .head-block {
    height: 312px;
    position: relative;
    background-position: center;
    background: #f6f6f6 url(../images/Shablon.gif) center no-repeat;
    }

    0
    2018-11-28T14:04:40+02:00
    Reply

    Уезжает весь сайт, а не фон
    // движение фона
    $(‘.par’).each(function(){
    var $bgobj = $(this); // Назначаем объект
    $(window).scroll(function() {
    var yPos = -($(window).scrollTop() / 1);
    // Собираем значение координат фона вместе
    var coords = ‘center ‘+ yPos + ‘px’;
    // Смещаем фон
    $bgobj.css({ backgroundPosition: coords });
    });
    });

    может тут надо что то поменять?

  4. Grek
    0
    2018-11-28T13:59:07+02:00
    Reply
    This answer was edited.

    Половина стилей не верная, картинка почему то к body, хотя должна быть к head-block

    Попробуй так добавь position: relative; top:70px; покрути top

Leave an answer