Мобильная версияПривет, я делаю клон названия веб-сайта (портфолио Miranda-paper), я использовал плавную прокрутку локомотива и gsap для анимации, все работало нормально, но когда я создал страницу № 2, по оси Y начала появляться другая полоса прокрутки, Я так озадачен, почему у меня это происходит. Итак, ребята, пожалуйста, не могли бы вы взглянуть на мое добро и сказать мне, что я здесь делаю не так, спасибо.
const прокрутка = новый LocomotiveScroll({ el: document.querySelector("#main"), гладкий: правда, }); вар tl = gsap.timeline(); tl.to("#страница-1", { y: "100vh", масштаб: 0,6, продолжительность: 0, }); tl.to("#страница-1", { y: "30vh", продолжительность: 1, задержка: 1, }); tl.to("#страница-1", { y: "0вх", поворот: 360, масштаб: 1, продолжительность: 0,8, }); @font-face { семейство шрифтов: Domaine; источник: URL (./DomainDispCondMedium.ttf); } * { маржа: 0; заполнение: 0; размер коробки: граница-коробка; } html, тело { высота: 100%; ширина: 100%; } #основной { цвет фона: #222; переполнение-х: скрыто; } #Страница 1 { высота: 110вх; ширина: 100vw; цвет фона: #bfb8ae; положение: относительное; переполнение: скрыто; } #nav { высота: 100 пикселей; ширина: 100%; дисплей: гибкий; отступ: 0 30 пикселей; выровнять-элементы: по центру; оправдание-содержание: пространство между; нижняя граница: 1 пиксель, сплошной #222; } #nav изображение { высота: 30 пикселей; ширина: 30%; } #nav h5 { размер шрифта: 20 пикселей; ширина: 30%; вес шрифта: 100; } #nav я { ширина: 30%; размер шрифта: 25 пикселей; выравнивание текста: по правому краю; } #elems { высота: 430 пикселей; дисплей: гибкий; выровнять-элементы: по центру; оправдание-содержание: пространство между; отступ: 40 пикселей 60 пикселей; } #elem1 { ширина: 30%; высота: 100%; } #elem1 h4 { размер шрифта: 24 пикселей; поле сверху: 20 пикселей; нижнее поле: 10 пикселей; семейство шрифтов: канопе; вес шрифта: 500; } #elem1 h4 интервал { цвет фона: #b43b12; цвет: #bfb8ae; вес шрифта: 100; размер шрифта: 18 пикселей; отступ: 4 пикселя; поле слева: 10 пикселей; радиус границы: 5 пикселей; } #elem1 п { размер шрифта: 18 пикселей; вес шрифта: 100; семейство шрифтов: «Домен»; цвет: #656565; } #elem2 { ширина: 30%; высота: 100%; отступы: 20 пикселей 60 пикселей; выравнивание текста: по центру; правая граница: 2 пикселя сплошная #585858; левая граница: 2 пикселя, сплошная #585858; } #elem2 h2 { семейство шрифтов: канопе; размер шрифта: 65 пикселей; межбуквенный интервал: -1px; вес шрифта: 100; } #elem2 h3 { поле сверху: 30 пикселей; семейство шрифтов: домен; размер шрифта: 40 пикселей; вес шрифта: 100; межбуквенный интервал: -1px; цвет: #383838; поле: 20 пикселей 0; } #elem3 { ширина: 30%; высота: 100%; } #elem3 h4 { размер шрифта: 24 пикселей; поле сверху: 20 пикселей; нижнее поле: 10 пикселей; семейство шрифтов: канопе; вес шрифта: 500; } #elem3 h4 интервал { цвет фона: #b43b12; цвет: #bfb8ae; вес шрифта: 100; размер шрифта: 18 пикселей; отступ: 4 пикселя; поле слева: 10 пикселей; радиус границы: 5 пикселей; } #elem3 п { размер шрифта: 18 пикселей; вес шрифта: 100; семейство шрифтов: «Домен»; цвет: #656565; } #elem1 #image-div { высота: 60%; ширина: 100%; переполнение: скрыто; } #image-div:hover img { масштаб: 1,1; } #image-div img { высота: 100%; ширина: 100%; объектное соответствие: обложка; переход: легкость 0,4 с; } #elem3 #image-div2 { высота: 60%; ширина: 100%; переполнение: скрыто; } #image-div2 img { высота: 100%; ширина: 100%; объектное соответствие: обложка; переход: легкость 0,4 с; } #image-div2:hover img { масштаб: 1,1; } #page-1 h1 { размер шрифта: 37vw; межбуквенный интервал: -25 пикселей; вес шрифта: 100; семейство шрифтов: канопе; цвет фона: #1c1c19; высота строки: 600 пикселей; цвет: #bfb8ae; ширина: 96%; поле слева: 2%; } #страница 2 { высота: 150вх; ширина: 100%; фоновый цвет: #656565; Документ Амстердам, Нидерланды
АВРо | НО НОВИНКА AvroKO — удостоенная наград глобальная дизайнерская фирма, зарекомендовавшая себя как мировой лидер в области внутренняя архитектура для гостиниц, ресторанов и баров.
ВСЕ РАБОТАЕТ! Избранная подборка
последних работ -
последних лет.
THE ROGER HUBНОВИНКА
The Roger Hub – это захватывающий веб-сайт, демонстрирующий кроссовки On, вдохновленные теннисом. сотрудничество, рожденное в результате партнерства с легендарным Роджером Федерером.
МИРАНДА ИНТЕРАКТИВНЫЙ ХУДОЖНИК
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis consequuntur vitae neque eius, fugiat eaque at aliquid quam takenda deleniti quaerat pariatur quibusdam minima accusantium, ab эним ипсам эссе. Долорибус.
