У меня есть следующая ручка на CodePen: https://codepen.io/Gaben14/pen/vYONmee. Я указал IntersectionObserver, который должен изменить навигацию слева, когда пользователь прокручивает содержимое вниз.
Я использовал следующие параметры для параметров:
const options = {
//root: null,
rootMargin: "0px 0px 10% 0px",
threshold: 1.0// visible amount of item shown in relation to root
}
Идея заключалась в том, что если одна секция пересекает область просмотра, должен быть активен правый элемент навигации.
Это не ' не работает идеально на всех устройствах экрана, но я хочу работать над этим и улучшать его. Я был бы очень признателен, если бы вы могли дать мне руководство, где я должен улучшить свой код, что я сделал неправильно и т. Д. c.
Я все еще немного запутался, как работает rootMargin, я прочитал несколько статей - но мне было бы легче, если бы я увидел rootMargin на экране. Если у вас есть идеи, как этого достичь, я был бы очень признателен!
Спасибо за вашу помощь!