2013-08-31 4 views
1

Вопрос довольно расплывчатый и довольно трудно объяснить, не просматривая сайт, с которым я столкнулся. Посмотрите here.Ползунок JQuery, воздействующий на другие элементы на странице

Во-первых, это было сделано в Squarespace, поэтому я не знаю, является ли это дополнительным фактором. Но если вы внимательно смотрите каждый раз, когда переходы слайдера, то 2 абзаца ниже его немного подергиваются.

enter image description here

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

ответ

1

В вашем помощью аппаратного ускорения для выполнения анимации это, к сожалению, один из побочных эффектов. Довольно сложно преодолеть это как часть фундаментального способа, которым Chrome предоставляет текст.

Вы можете установить #slidershow-container для использования -webkit-transform: translateZ(0px); или добавить -webkit-backface-visibility: hidden; к элементам, которые демонстрируют этот джиттер. Недостатком этого является то, что он изменит способ отображения текста.

+0

Спасибо за великолепное понимание! Я понятия не имел. Позвольте мне попробовать, что вы предложили, тогда я решит, стоит ли жертвовать тем, как текст получается, или просто справиться с этим. – Tiwaz89

+0

Хорошо, поэтому я пробовал оба предложения. Первое не сработало. И второе имело минимальный эффект, но способ текст, выглядевший визуализированным, просто не сделал его для меня. Поэтому для посетителей, использующих Chrome, справитесь с этим. – Tiwaz89

0

z-index попытаться дать в DIV, содержащие эту галерею .. CZ он выглядит, когда появляется новое изображение в галерее этого времени только те div, содержащий текст двигается ...

+0

Пробовал это сейчас и не работал :-( – Tiwaz89

Смежные вопросы