CSS: боковая панель с фиксированной позицией обрезается

На моем веб-сайте есть боковая панель с большим количеством элементов - настолько много, что окно просмотра браузера должно иметь высоту не менее 1020 пикселей, чтобы все это можно было увидеть без прокрутки (если, Конечно, вы уменьшаете масштаб).

Я бы хотел, чтобы положение боковой панели было фиксированным, чтобы при просмотре страницы с большим количеством контента боковая панель оставалась в том же положении, что и при прокрутке. Это было очень просто для реализации:

div#Sidebar {
    position: fixed;
}

Это хорошо работает на моем компьютере до тех пор, пока браузер развернут, потому что мой монитор работает с разрешением 1920 x 1200. Но если я изменю размер окна браузера, боковая панель будет вырезана выкл. Когда я прокручиваю содержимое страницы, я вижу все содержимое страницы, но боковая панель остается обрезанной из-за фиксированного положения. Таким образом, у меня есть только два варианта:

1. Сделать положение боковой панели не фиксированным (плохо), но позволить пользователям видеть всю боковую панель (хорошо).

2. Сделать положение боковой панели фиксированным (хорошо), но не позволять пользователям видеть всю боковую панель (плохо).

Есть ли способ объединить эти два варианта?