Сделать кнопку меню пользовательского интерфейса доступной, чтобы избежать краев прокручиваемого элемента

#reactjs

Вопрос:

У меня есть кнопка меню пользовательского интерфейса Reach внутри элемента с. overflow-y: scroll Меню уже избегает краев окна, но я бы хотел, чтобы оно применяло то же поведение к сторонам (в частности, сверху и снизу) прокручиваемого элемента. Я знаю, что решение, вероятно, предполагает передачу функции position функции , но я не уверен, как это должно выглядеть.

Я создал песочницу кода с довольно минимальными настройками, чтобы проиллюстрировать проблему. Каждая из кнопок отображает меню. Попробуйте выполнить прокрутку, пока открыто меню.

https://codesandbox.io/s/angry-burnell-u4fjc

Комментарии:

1. Можете ли вы поделиться своими элементами?

2. Я создал codesandbox, чтобы проиллюстрировать проблему (также добавленную к вопросу) codesandbox.io/s/angry-burnell-u4fjc

3. Я не думаю, что вы сохранили свой codesandbox, я не вижу кнопок или меню.