iou3344 2023-01-16 17:38 采纳率: 85.2%
浏览 24
已结题

如何解决jquery+masonry瀑布流中分页导航浮动的问题

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://npmcdn.com/masonry-layout@4.0.0/dist/masonry.pkgd.min.js "></script>
<style>
.relative-container {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.container {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto
 }
.box {
    width: 165px; /* 按照你需要调整宽度 */
    height: auto; /* 高度自适应 */
    margin: 5px; /* 添加边距 */
}
#pagination {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: 20px;
}
</style>
<div class="relative-container">
    <div id="container" class="container">
        <div class="box">
        <div class="pic"></div>
    </div>
    ......
        <div class="box">
        <div class="pic"></div>
    </div>
    </div>
    <div id="pagination">
        <?php echo $page->showPage(); ?>
    </div>
</div>

<script type="text/javascript">
$(document).ready(function() {
  $('#container').masonry({
    itemSelector: '.box',
    columnWidth: 30,
    isFitWidth: true
  });
});
</script>

用jquery和masonry构建的瀑布流,为什么分页导航

总是会浮动到瀑布流上,而不是瀑布流排版后的最末端显示呢?

img

  • 写回答

2条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2023-01-16 20:51
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 1月26日
  • 已采纳回答 1月18日
  • 修改了问题 1月16日
  • 修改了问题 1月16日
  • 展开全部

悬赏问题

  • ¥15 recipe通过gem协议传的是什么
  • ¥15 TS2307: Cannot find module 'cc'.
  • ¥15 100小时学会sap 书上pp章节5.22,标准成本计算逻辑?
  • ¥50 达梦数据库误删日志文件重做DAMENG01.log启动仍然-712错误
  • ¥15 cellranger化学处理类型报错
  • ¥15 用texstudio插入图片出现下面情况,怎么办
  • ¥15 ubantu 用samba挂载windows的共享文件夹,无法挂载二级目录和修改文件
  • ¥15 有没有会五轴RTCP算法,双转台AC结构。
  • ¥25 对于LSTM实践问题的疑问
  • ¥15 PHP中关于排名和显示的问题