Переполнение прокрутки не будет работать, когда div был создан за пределами области просмотра

Question

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

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

MyПредполагается, что когда прокручиваемый div создается вне области просмотра, он не обрабатывается Chrome (по соображениям производительности?).

Тогда, я думаю, при изменении размера все вычисляется и перерисовывается, а затем

Вот JSFiddle, который иллюстрирует мою проблему.

http://fiddle.jshell.net/f3thbjqc/6/show/

Вот видео, которое иллюстрирует мою проблему (когда я покачиваю, когда мышьЯ пытаюсь прокрутить вправо, но безуспешно. Затем я изменяю размер, и он начинает работать).

Моя настройка: Mac os High Sierra.Как Chrome 69.0.3497.100, так и Safari 11.0.1 (13604.3.5) ведут себя одинаково, Firefox как-то не имеет ошибки

Answer 1

У меня была похожая проблема с каркасом materiallize, когда я использовал вкладки и слайдер внутри.Проблема была в том, что ползунок не работал, и после того, как я изменил размеры окна, оно работало отлично.

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

window.dispatchEvent(new Event('resize'));