serovpochta
@serovpochta
Лысый

Простой Mouse Parallax эффект фона без внесения дополнений в верстку на jquery?

Не завалялось ли у кого решения вопроса?
В верстку не надо лезть, потому что фон находится в плагине Вордпресс, а он обновляется

Вот имеется скрипт:

(function () {
var h = window.outerHeight, w = window.outerWidth, offsetX, offsetY, offset, translate, p = document.querySelectorAll('#lk-conteyner');
window.onmousemove = function (e) {
offsetX = 0.5 - e.pageX / w;
offsetY = 0.5 - e.pageY / h;
for (var i = 0; i < p.length; i++) {
offset = p[i].getAttribute('data-offset');
translate = "translate3d(" + Math.round(offsetX * offset) + "px," + Math.round(offsetY * offset) + "px, 0px)"
p[i].style.webkitTransform = translate;
p[i].style.transform = translate;
p[i].style.MozTransform = translate;
}
}
})();


Что нужно сделать еще, что бы он заработал?
Может в css?
не пойму

Такие стили:

#lk-conteyner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}


И может лучше воздействовать на background-position

Спасибо за внимание
  • Вопрос задан
  • 112 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы