Я хочу реализовать этот приятный небольшой эффект веб-сайта YouTube, который работает на меньших экранах примерно ниже 1312px
ширины.
Когда нажата кнопка гамбургера на YouTube, боковая панель скользит слева и фокус переносится со страницы на боковую панель, и прокрутка на странице не работает, если только кнопка гамбургера не нажата снова и фокус не перенесен обратно на страницу.
Перед нажатием кнопки гамбургера:

После нажатия кнопки гамбургера:

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