Как скрыть полосы прокрутки до тех пор, пока они не понадобятся, а затем удалить, если они не нужны

У меня есть пример здесь .

Обычно у меня есть полоса прокрутки, которая всегда присутствует, даже если в данный момент она не нужна. Проблема: я хочу, чтобы отображалась полоса прокрутки, если высота моего div превышает 300 пикселей.

    
Header
    

     
           
        
Answers
        

        

        

    
      
    

    

Я буду благодарен за любую помощь. Я знаю, что мне нужно использовать JS, но я даже не знаю, с чего начать.

Вопрос 2: Есть ли простая команда, которую я могу использовать, когда я нажимаю кнопку добавления, она прокручивается до самого низа скроллера?