如何解决IosSlider 将不允许在其下方添加内容
我想在我的滑块下方添加内容(链接和文本),以便滑块占据屏幕的大部分,但您可以滚动查看其下方的内容。这是我的 html,滑块下方有一个示例 div:
SELECT p1.name,p2.name,pc.count
FROM passenger_count pc
INNER JOIN passenger p1
ON p1.pas_id = pc.pas1_id
INNER JOIN passenger p2
ON p2.pas_id = pc.pas2_id;
这是我想要的滑块部分下方的示例内容:
<!-- Slider -->
<section id="slider" >
<div class="container-fluid">
<div class = 'responsiveHeight'>
<div class = 'inner'>
<div class = 'iosSlider'>
<div class = 'slider'>
<img class="item selected" src="../images/Project/Education-Municipal/grandcayman/01 0614-23.1491.1503.jpg"/>
<img class="item" src="../images/Project/Education-Municipal/grandcayman/02 0614-23_1350.jpg"/>
<img class="item" src="../images/Project/Education-Municipal/grandcayman/03 0614-23_DSC2008.jpg"/>
<img class="item" src="../images/Project/Education-Municipal/grandcayman/04 0614-23_DSC2130.jpg"/>
<img class="item" src="../images/Project/Education-Municipal/grandcayman/05 0614-23_G3A1975crop2.jpg"/>
</div>
</div>
</div>
<div class = 'prevButton'></div>
<div class = 'nextButton'></div>
</div>
</div> <!-- /.container -->
<div class = 'indicators'>
<div class = 'item selected'></div>
<div class = 'item'></div>
<div class = 'item'></div>
<div class = 'item'></div>
<div class = 'item'></div>
</div>
</section>
这是我的滑块 CSS:
<div class="container">
<h2>Sample content I would like to appear below my slider if the user scrolls the page</h2></div>
我将#slider 从绝对定位更改为相对定位,但没有运气。我还尝试调整响应高度的溢出以及过高。任何见解将不胜感激。谢谢。
解决方法
看来您可以通过将包装器 div 设置为固定高度来实现此目的。我使用 650px 的高度并将该 div 包裹在滑块内容周围。有没有更优雅的方法来做到这一点?我需要为每个设备调整我的高度,因此寻找更简单的解决方案。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。