У меня есть следующий 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
