Question

我正在创建一个JQuery切换/幻灯片类型菜单，并希望在JQuery向下滑动时移动下面的文本。

由于我是新手，我的代码可能会很乱。我提前为此道歉，但它几乎按照我需要的方式工作。

请参阅行动中的代码here

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之后和启动Criminal Charges元素之前，放一个

<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浮动：

Here is a working example.

如何使文本移动到JQuery幻灯片下方

4 个答案: