【问题标题】:Moving pagination buttons in Owl Carousel在 Owl Carousel 中移动分页按钮
【发布时间】:2015-09-15 08:45:06
【问题描述】:

我正在尝试将分页按钮/点移到容器 div 之外并移到外部 div 中,以便我可以将它们定位如下所示:

我尝试过的事情:

-升级到 Owl Carousel 2。这基本上破坏了旋转木马,并导致了一些我无法修复的非常奇怪的问题。

- 使用 jQuery 移动它们。它们确实移动了,但消失了——使用检查元素时可以在 DOM 中看到它们,但实际上根本没有出现在页面上。

【问题讨论】:

  • 能否请您提供您当前的 HTML、CSS 和任何影响此内容的 javascript,以便我们建议您需要进行的更改?

标签: javascript jquery html css twitter-bootstrap


【解决方案1】:

试试这样的(如果我知道你希望点在右上角)

.owl-pagination {
  position: absolute;
  right: 0;
  top: -50px;
}

【讨论】:

    【解决方案2】:

    尝试在分页类或 id 中应用绝对位置并编辑顶部以将分页定位在您想要的位置

    【讨论】:

      【解决方案3】:

      首先,给你的容器position: relative。其次,点个赞position: absolute; top: 0; right: 0;

      就是这样。

      【讨论】:

        猜你喜欢
        • 2021-12-13
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多