[BOOTSTRAP] Почему блок не связанный со слайдером моргает в ритме перелистывания слайдера?

Question

[Emptyform]

Какое-то бредовое поведение верстки на бутстрапе - использовал родной бутстраповский слайдер, который автоматически перелистывается. При этом section, никак не связанный с этим слайдером, МОРГАЕТ в ритме перелистывания этого слайдера
В общем, проще показать - вот здесь :
emptyform.github.io/error
Открыть страницу, сузить окно браузера примерно до 700px так, чтобы меню переключилось в мобильный вид и выбрать пункт меню "SERVICES".
Там и увидите это моргание. Моргает только в узких вьюпортах, если развернуть, то не моргает.
Ну и да, моргает в Хроме, а в FF не моргает.

Что это за хрень такая и как это побороть??

ps. исходный код: https://github.com/emptyform/error

pps. если это вдруг имеет значение, вот кастомные настройки бутстрапа, которые я использовал: getbootstrap.com/customize/?id=60291c7748b2480372c...

Answer 1

[Степан Крапивин]

Укажите блоку карусели z-index:1000 это должно решить проблему моргания

Comments

[Emptyform]

Степан хм.. Помогло. Костыль, конечно, но спасибо))

Answer 2

[Глеб Кемарский]

Не вся секция моргает, а как будто её частично нарывает чем-то.


UPD. Моргание исчезает, если в style.ccss у .socials__svg убрать position:relative;

.socials__svg {
/*  position: relative; */

Comments

[Emptyform]

Глеб Кемарский да, я обратил на это внимание, но как ни искал, не смог поймать что это может быть... Если вместо бутстраповской карусельки прикрутить OWL , ну или просто отказаться от автоперелистывания, то проблемы нет. Сомневаюсь, что это бутстраповский глюк, видимо в чем-то я слажал, но в чем...

[Глеб Кемарский]

Emptyform: Лечится комментированием блока в stzle.css
/*
.socials__svg {
position: relative;
width: 100%;
height: 100%;
fill: #fff;
padding: 30% 0;
}
*/

[Глеб Кемарский]

Emptyform: Достаточно даже просто убрать /* position: relative; */ у .socials__svg

[Emptyform]

Глеб Кемарский: а как вы это раскопали? ))

[Глеб Кемарский]

Emptyform: Методом дробления пополам ;) Сначала отрубил все скрипты и стили. Стало понятно, что виноват stzle.css. Потом попробовал удалить его половину, другую половину, четверть половины...
Но сейчас досадно, что не догадался сразу проверить социальные кнопки. Было понятно, что "белое пятно" создаёт кто- то сверху, потому что при изменения текста фотографии команды сдвигались, а граница "белого пятна" оставалась неподвижной.

[Emptyform]

Глеб Кемарский: Спасибо)

Answer 3

[Tsiren Naimanov]

чёт слетела верстка из гуглхрома

Comments

[Emptyform]

Ну, это я просто вырезал часть кода для простоты, ну и поплыло. Неважно, главное почему моргает..

Answer 4

[Радость моя]

У меня такой же бутстрап-эффект со слайдером на странице. Только моргает лого сайта в футере. Привык уже к этому, так и не поправил.

Comments

[Emptyform]

t-alexashka фигово. неужели это не лечится...