2012-05-15 7 views
1

Мне уже удалось добиться той же задачи с горизонтальной полосой прокрутки, видимой при изменении размера окна (как вы можете видеть на click here #1), но теперь я хочу избежать этого неосмотрительного поведения. Я решил заменить свойство «left» на «background-position:» в css и в js-файле, но анимация не работает вообще. У кого-нибудь есть ключ? Вот моя последняя версия: click here #2JQuery анимация изображения без горизонтальной полосы прокрутки

+1

ваш ограничивающий прямоугольник является 800px шириной, каждое изображение 400px в ширину, те установленные значения. Не уверен, что вы имеете в виду: «избегайте горизонтальной полосы прокрутки», если контейнер был гибким, и вы хотели скрыть переполнение изображений, вы просто установите родительский контейнер на переполнение: hidden –

+0

stile.css: http://pastebin.com/ yyWF3KS1 custom.js: http://pastebin.com/NusiP3q9 index.html: http://pastebin.com/S6dC64ne А также необходимо папку IMG в том же пути этих файлов с внутри 3 файлы изображений: righe_3.png, righe_2.png, righe_1.png Я хочу, чтобы при горизонтальном изменении окна браузера горизонтальная полоса прокрутки не отображается – linuxatico

ответ

1

Вы должны поместить элементы оживлённые внутри сНу контейнер, который имеет свойство CSS overflow:hidden

+0

Этого недостаточно для моего кода, см. мой другой комментарий для более глубокого объяснения – linuxatico

+0

каков конечный результат, который вы пытаясь достичь? – izb

+0

Я хочу, чтобы все изображения плавали снова и снова, и я не буду снова видеть горизонтальную полосу прокрутки при изменении размера окна. – linuxatico