Scroll Snap перестает работать после повторной прокрутки ⇐ CSS

[Anonymous]

Я не знаю, как это лучше сформулировать, но кажется, что привязка перестает работать после нескольких прокруток. Я пробовал добавить задержку или ограничить прокрутку, но, похоже, сделал это неправильно. В результате, когда привязка прекращается, мне нужно прокрутить ее до ближайшего элемента div, чтобы снова привязать ее. Вот проблема, с которой я столкнулся: проблема в том, вызвана ли она браузером, моим кодом или самой ее природой? дайте мне знать, если это возможно исправить.
и это мой код

Код: Выделить всё

import React from 'react';
import Navbar from './component/navbar';
import About from './pages/About';
import Work from './pages/Work';
import Resume from './pages/Resume';
import './style.css';

function App() {
return (










);
}

export default App;

Я пробовал добавить задержку или ограничить прокрутку, но, похоже, сделал это неправильно. В результате, когда привязка прекращается, мне нужно прокрутить ее до ближайшего элемента div, чтобы снова привязать ее

Подробнее здесь: https://stackoverflow.com/questions/786 ... -scrolling