Как заставить ящик пользовательского интерфейса Material прокручиваться вместе со страницей, а не внутри ящика?

#reactjs #material-ui

#reactjs #материал-пользовательский интерфейс

Вопрос:

Я реализовал панель пользовательского интерфейса material в соответствии с адаптивным примером на веб-сайте Material UI. Как мне заставить ящик прокручиваться вместе со всей страницей на больших экранах? На данный момент, если содержимое ящика становится слишком длинным, на самом ящике появляется вертикальная полоса прокрутки, которую я БЫ не хотел использовать на небольших устройствах.

Вот ссылка на код на сайте Material UI: https://material-ui.com/components/drawers/#responsive-drawer

Я пробовал overflow: hidden, но, очевидно, содержимое затем обрезается и скрывается содержимое!

Любая помощь будет высоко оценена.

Большое спасибо

Ответ №1:

Я думаю, это потому, что вы указываете height в своих стилях… Удалите его или создайте auto . Это долгий путь, вы должны предоставить свои css 🙂

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

1. Большое спасибо за ваш ответ. Я воспользуюсь вашим предложением. CSS, который я использовал, такой же, как и в приведенной выше ссылке. Полоса прокрутки, по-видимому, является функцией компонентов пользовательского интерфейса Material, которую я хотел бы переопределить.