Итак, я пытаюсь получить некоторые свитки параллакса в моем документе.Итак, я сделал:
window.onscroll = function() {scrollPost()};
function scrollPost () {
var i = window.scrollY;
blockShift(i);
console.log(i);
}
function blockShift (i){
var blockOne = document.querySelector(".block-1");
var blockTwo = document.querySelector(".block-2");
var y = i - 900
if (i < 980){
blockOne.style.transform = `translateY(${y/3}px)`
blockTwo.style.transform = `translateY(${y/-3}px)`
}
}
Однако мне интересно, есть ли более точный способ получить числа?Одна из проблем заключается в том, что число scrollY является переменным в зависимости от размера экрана.Я также пытался.
var x = window.screen.width;
var i = window.scrollY;
var number = Math.round(i/x);
Что дает мне номер 0.xxxxxxx.Как бы я получить что-то лучше?
Редактировать : это также хорошо работает
var x = window.screen.width;
var i = window.scrollY;
var a = i / x;
var numb = Math.round(a * 10) / 10;