Моя веб-страница использует React Router для рендеринга компонентов.Например: у меня есть маршрут '/', в котором он отображает навигационную панель и нижний колонтитул.
Теперь я хотел бы реализовать целевую страницу, где при прокрутке пользователь привязывается к определенным элементам div.(особенности продукта).Проблема заключается в том, что параметр scss-snap в css работает только в отношениях «Родитель-ребенок», а не в отношении родителей-внуков или далее по иерархии.
Есть ли обходной путь?Я заглянул в модуль scroll snap npm, но не смог заставить его работать.
<Provider id='parent'> */ scrolling div -> top level hiearchy the top level of react router */
<Route id='child> /* this would be a route */
<div id='wrapper'> /* top level component in route */
<p> Some text </p> /*content to snap to*/
<p> Some text </p> /*content to snap to*/
</div>
</Route>
</Provider>