У меня есть эта страница, на которой есть div «celpage» с абсолютной позицией, которая содержит все содержимое страницы, в основном содержащее 4 разных div, расположенных рядом.Перемещение div по горизонтали по щелчку 4 различных кнопок
У меня есть четыре кнопки в заголовке:
<div id="header">
<ul id="navlist">
<li><a href="" id="Logo" class="Logo"><div id="centeredLogo"></div></a></li>
<li><a href="" id="Folio" class="Folio"><div id="centeredFolio"></div></a></li>
<li><a href="" id="Storitve" class="Storitve"><div id="centeredStor"></div></a></li>
<li><a href="" id="Kontakt" class="Kontakt"><div id="centeredKont"></div></a></li>
Я хочу это Див «celpage», чтобы переместить 875 влево при нажатии на Folio, 2x875 при нажатии на Storitve и 3x875 при нажатии на Kontakt и тиски наоборот, поэтому при нажатии на кнопку страница будет прокручиваться до соответствующего div, предназначенного для отображения этой кнопки.
Я бы практически хотел добиться такого же эффекта, как этот http://gazpo.com/downloads/tutorials/jquery/horizontal_scroll/, только на всей странице (кроме верхнего и нижнего колонтитула, который оставался бы статическим).
Эти 4 отделения состоят из 20 или более небольших прямоугольных div с абсолютными положениями. Если я устанавливаю относительное положение для «привязки», скользящие работы, однако весь макет страницы больше не центрирован. Я ищу скользящее решение для div с абсолютным положением.
Я создал jsFiddle для иллюстрации страницы: http://jsfiddle.net/rUaYr/1/
Спасибо!
Что вы пытаетесь? Вы что-то пробовали, используя приведенный вами пример? – Vlad
Я попробовал приведенный пример, заменив .contentbox-wrapper на .celpage и 600 с 875, однако, когда я нажимаю на кнопки, ничего не происходит. – hepimen
Отправьте свой код здесь и создайте jfiddle, чтобы мы могли понять, почему он не работает. – Vlad