GSAP Scrolltrigger ScrolltoHtml

Программисты Html
Ответить
Anonymous
 GSAP Scrolltrigger Scrollto

Сообщение Anonymous »

У меня есть следующий Codepen, где я прокручиваю контейнер с скрытым переполнением. Мой левый столбец имеет 3 ссылки, а в моем правом столбце есть контейнер с 3 блоками контента, которые соответствуют ссылкам. Pen/wbemwmo
Свиток делает то, что я хочу, но теперь я бы хотел, чтобы ссылки слева также были включены, чтобы перейти к соответствующим разделам содержимого справа.
Это то, что я пытаюсь, но это не совсем работает, потому что он перемещает все окно, в отличие от контента с контейнером. Есть идеи ?: < /p>
const tabs = document.querySelectorAll('.workplace .transform-work-content .tab-link');

tabs.forEach((tab, index) => {
tab.addEventListener('click', (e) => {
e.preventDefault();

gsap.to(window, {
scrollTo: sections[index],
duration: 1,
ease: "power2.inOut",
});
});
});


Подробнее здесь: https://stackoverflow.com/questions/794 ... to-section
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»