Owl-carousel. Проблема с width при обновлении страницы

180
13 марта 2018, 04:40

Столкнулся с проблемой. На ПК версии сайта (Широкий экран) при загрузке страницы карусель отображается нормально.

Но после того как обновляю страницу - справа вылезает край другого изображения:

При чём если уменьшить/увеличить размер окна, то карусель снова станет нормальной. Но стоит обновить и всё снова летит.

Вот что ещё успел раскопать.

Тут вместе с консолью. До обновления страницы:

После обновления страницы:

Примечательно стало то, что просвет идёт не в процентном соотношении, а ровно на 15 пикселей вне зависимости от начальных размеров окна.

Выяснилось, что страница считает, что там есть scroll страницы на этом месте. Если к тэгу body приписать overflow-y:hidden, то всё как по маслу.

Answer 1
var owl = $("#slider_container");
owl.trigger('refresh.owl.carousel');

После подключения карусели. И вуаля

READ ALSO
Допущена ошибка в синтаксисе

Допущена ошибка в синтаксисе

Подскажите, пожалуйста, где допущена ошибка в синтаксисе, все не могу разобраться

262
Числа Фибоначчи JS

Числа Фибоначчи JS

Напишите функцию fib(n), которая возвращает n-е число ФибоначчиПример работы:

258
Как использовать process.env в файлах приложения Vue.js?

Как использовать process.env в файлах приложения Vue.js?

Объясните мне, пожалуйста, как я могу задействовать, например, processenv

209
Получить значение из div и добавить его в input JS

Получить значение из div и добавить его в input JS

Как получить значение из div и добавить его в input (value)?

281