Исправлена ​​боковая панель с переполнением

Question

У меня проблема с правилом переполнения на моей веб-странице. Поэтому я хочу создать схему 2/3, 1/3, где боковая панель фиксирована, а ссылки привязаны к Id на стороне 2/3.

Я использую этот код, чтобы добиться того, что:

#nav-side { 
position: fixed; 
width: auto; 
height: 70%; 
overflow-y: auto; 
font-weight: bolder;} 

Таким образом, есть много ссылок и на меньшем экране нет никакого способа, чтобы понять их все в этом контейнере, но больше я действительно не хочу чтобы это было scroll баров, как я могу это достичь?

Есть ли способ сделать это без правил для СМИ?

Также, как я могу избавиться от нижней горизонтальной полосы прокрутки?

UPDATE:

Я заметил еще одну проблему, которая озадачить меня, боковая панель идет колонтитула при отображении на меньшем экране, содержание и полосы прокрутки. Footer имеет z-index: 99999999999;

Answer 1

добавить это правили к вашей # нав сторону:

overflow-y: auto; 

таким образом, вы получите вертикальную прокрутку, только если есть переполнение.

И колонтитула добавить это правило для отключения горизонтальной прокрутки:

overflow-x: hidden; 

UPDATE

Поскольку у вас есть position: fixed, что означает, что элемент позиционируется относительно окна браузера, вы можете добавить top или bottom определите, сколько вы хотите, чтобы боковая панель была от top/bottom.