Jump to content
  • 0

Прыгает скрол при смене изображения в слайдере


kaspers128
 Share

Question

Добрый день! На странице http://vs.company/project1.html есть слайдер работ, который переключается при клике на стрелки. Так вот при переходе от вертикального фото к горизонтальному и наоборот, меняется скрол(активная часть экрана.. не знаю как по другому объяснить) и создается эффект прыжка, и стрелки переключения поднимаются или спускаются, что не очень удобно. Высота родительского блока фиксирована. Что интересно данная проблема встречается на больших экранах, у меня при 1366на788 все ок. Подскажите, пожалуйста, как решить эту проблему

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 1

Не понял конечно в чем прикол, но если у родителя убрать флекс, то не прыгает...
Как вариант решения, убрать флекс и выравнивать вертикально картинки иначе... Например через трансофрм или псевдо класс.
Или если оставить так, то большому изображения сделать сделать высоту и ширину по 100% и прописать object-fit: cover, будет работать как если бы картинку прописали бэкграундом с размером cover.
 

Link to comment
Share on other sites

  • 0
В 18.06.2018 в 13:22, vladmih сказал:

Не понял конечно в чем прикол, но если у родителя убрать флекс, то не прыгает...
Как вариант решения, убрать флекс и выравнивать вертикально картинки иначе... Например через трансофрм или псевдо класс.
Или если оставить так, то большому изображения сделать сделать высоту и ширину по 100% и прописать object-fit: cover, будет работать как если бы картинку прописали бэкграундом с размером cover.
 

Прочитал ваше сообщение, проверил в инспекторе кода и вроде бы все заработало и скролл не прыгает. Но видимо показалось потому, что сейчас перенес изменения на хостинг и скролл все равно прыгает http://vs.company/project4.html .. фигня какая-то  

Link to comment
Share on other sites

  • 0
1 час назад, kaspers128 сказал:

Прочитал ваше сообщение, проверил в инспекторе кода и вроде бы все заработало и скролл не прыгает. Но видимо показалось потому, что сейчас перенес изменения на хостинг и скролл все равно прыгает http://vs.company/project4.html .. фигня какая-то  

Странно... До этого работало...
Заметил что скролл происходит именно тогда, когда картинка выравнивается вертикально... Если убрать выравнивание, то скролл не прыгает...

Мне пока в голову приходит два способа решения проблемы...
Костыль на  js.... Или же тупо вытянуть картинку по 100%, и прописать object-fit...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy