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

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

Пожалуйста, ознакомьтесь с кодом в действии здесь

0
Todd 28 Янв 2013 в 21:12

4 ответа

Лучший ответ

Это происходит потому, что вы перемещаете два ползунка, выводя их из обычного потока документов. Вы можете сделать это с содержанием ниже:

<article>
    <h2>Lorem Ipsum</h2>
    <h3>Vestibulum tortor quam</h3>
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.  </p>
</article>

А затем запретите ему плавать вокруг него с помощью CSS:

article{
    clear: both;
}
0
Brian O'Neill 28 Янв 2013 в 17:19

У вас есть проблемы с закрытием элемента <ul>, вы снова открываете его:

Этот:

<ul>
    <li>Possession or use of Firearm without Licence Permit</li>
    <li>Unregistered Firearm</li>
    <li>Not keep Firearm Safe</li>
    <li>Discharge Firearm</li>
<ul>

Должно быть:

<ul>
    <li>Possession or use of Firearm without Licence Permit</li>
    <li>Unregistered Firearm</li>
    <li>Not keep Firearm Safe</li>
    <li>Discharge Firearm</li>
</ul>

Затем очистите элементы div:

Вот рабочий пример.

0
keeg 28 Янв 2013 в 17:24

Просто поместите текст в его div

<div id="textId">
    <!-- text elements here -->
</div>

Затем используйте следующий CSS

#textId {
    float: left;
    position: relative; 
    clear: both;
}
1
Bruno 28 Янв 2013 в 17:19

Добавьте вокруг себя контент под меню.

Затем добавьте класс в div со следующим css:

clear: both;

Редактировать: точно, после #sliderright div и перед запуском элемента Уголовные обвинения, поставить

<div style="clear:both;"></div>
0
Darshan Thanki 28 Янв 2013 в 17:24