如何使文本移動到JQuery幻燈片下方

Question

我正在制作一個JQuery切換/幻燈片類型菜單，並且當JQuery向下滑動時，希望下面的文本移動。

由於這是我的新手，我的代碼可能會很凌亂。 我為此提前表示歉意，但是它幾乎可以按我需要的方式工作。

請在此處查看運行中的代碼

Answer 1

只需將文本放在自己的div

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

然后使用以下css

#textId {
    float: left;
    position: relative; 
    clear: both;
}

Answer 2

在菜單下方添加您周圍的內容。

然后使用以下CSS將類添加到div：

clear: both;

編輯：恰好在#sliderright div之后和開始刑事指控元素之前，放置一個

<div style="clear:both;"></div>

Answer 3

之所以發生這種情況，是因為您要浮動兩個滑塊，使它們脫離正常的文檔流。 您可以對下面的內容執行此操作：

<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;
}

Answer 4

關閉<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浮點數：

這是一個工作示例。