Как сместить фон 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 });
});
});
Answers ( 4 )
в стилях и в js надо указать одинаковые значения, иначе никак, спасибо за помощь
Как вариант
.head-block {
height: 312px;
position: relative;
background-position: center;
background: #f6f6f6 url(../images/Shablon.gif) center no-repeat;
}
Уезжает весь сайт, а не фон
// движение фона
$(‘.par’).each(function(){
var $bgobj = $(this); // Назначаем объект
$(window).scroll(function() {
var yPos = -($(window).scrollTop() / 1);
// Собираем значение координат фона вместе
var coords = ‘center ‘+ yPos + ‘px’;
// Смещаем фон
$bgobj.css({ backgroundPosition: coords });
});
});
может тут надо что то поменять?
Половина стилей не верная, картинка почему то к body, хотя должна быть к head-block
Попробуй так добавь position: relative; top:70px; покрути top