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

如何解决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日
  • 展开全部

悬赏问题

  • ¥20 搭建pt1000三线制高精度测温电路
  • ¥15 使用Jdk8自带的算法,和Jdk11自带的加密结果会一样吗,不一样的话有什么解决方案,Jdk不能升级的情况
  • ¥15 画两个图 python或R
  • ¥15 在线请求openmv与pixhawk 实现实时目标跟踪的具体通讯方法
  • ¥15 八路抢答器设计出现故障
  • ¥15 opencv 无法读取视频
  • ¥15 按键修改电子时钟,C51单片机
  • ¥60 Java中实现如何实现张量类,并用于图像处理(不运用其他科学计算库和图像处理库))
  • ¥20 5037端口被adb自己占了
  • ¥15 python:excel数据写入多个对应word文档