Событие прокрутки видео в полноэкранном режиме

Question

Я создаю этот сайт, где пользователи публикуют медиа. Когда пользователь прокручивает страницу вниз, к ней добавляются медиа-элементы, которые ссылаются на старые сообщения. Когда пользователь прокручивает вверх, на сервер отправляется запрос на получение новых сообщений. Все элементы мультимедиа удаляются на странице и снова добавляются (например, обновление). Проблема в том, что когда я нажимаю кнопку полноэкранного видео, она перемещает полосу прокрутки вверх и запускает событие прокрутки, вызывая обновление моей страницы.

Answer 1

Попробуйте отключить все события указателя для контейнера видео.Следовательно, прокрутка не будет разрешена.

pointer-events:none;

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

.wrapper-video{
  height: 450px;
  width: 800px;
  overflow-y: hidden;
  overflow-x: hidden;
}

Дайте мне знать, если это помогло!