Итак, мой вопрос чрезвычайно прост, я вижу его на множестве веб -сайтов
https://www.jordangilroy.com/#work
Это, например, мой ссылка, когда вы прокручиваете, он чувствует себя намного более плавным, и анимация вроде «догоняет» на ваш свиток. Единственное, что я могу найти, это Scroll-Behaviour: гладкий; что, очевидно, не то, что мне нужно. < /p>
Я очень новый для JS, поэтому большинство функций я пытался воспроизвести функцию прокрутки. Почувствуйте себя слишком жестким. < /p>
Приведенный ниже код в основном только для функции резки изображения, так что да. Не уверен, как я могу сделать плавную анимацию < /p>
//#region history image changer (scroll Event)
const historyContent = document.getElementsByClassName("historyLayout");
const parallaxContent = document.querySelectorAll('section .parallax');
window.addEventListener('scroll', () => {
let scrollY = window.scrollY;
const prehistoricContainer = historyContent[0];
const containerMiddle = (prehistoricContainer.getBoundingClientRect().top - prehistoricContainer.getBoundingClientRect().bottom) / 2;
const containerHalf = prehistoricContainer.getBoundingClientRect().top - containerMiddle;
if (containerHalf
Я попробовал Scroll-behaviour: плавный; Очевидно, что не то, что мне нужно
, я слышал о requestAnimationFrame и не был уверен, как его реализовать, я попробовал, ничто не выглядит иначе, не было большой разницы, если вообще не уверен. < /p>
Подробнее здесь: https://stackoverflow.com/questions/796 ... ions-in-js
