javascript - 使用 client-testimonials-carousel 插件，让箭头不动

Question

我正在使用这个插件，它运行良好:

https://codyhouse.co/demo/client-testimonials-carousel/index.html

但是我不太确定如何让箭头保持原状并且永不移动。现在他们根据 div 的高度居中，我只想让他们留在原来的位置。如果有人可以告诉我他们改变了什么，这样我也可以学习，那就太棒了!

Answer 1

你必须改变这个CSS:

.flex-direction-nav li a::before, .flex-direction-nav li a::after {
    background-color: white;
    content: "";
    height: 13px;
    left: 50%;
    position: absolute;
    top: 50%; 
    width: 2px;
}

将 top: 50%; 更改为您想要的任何值。例如 top: 200px。

top: 50%会获取父元素的高度，并将自身元素向下移动50%。这可以通过添加固定声明来禁用。

如果您无法从您的插件编辑 css，请包含您自己的 css 文件并将其粘贴到其中:

.flex-direction-nav li a::before, .flex-direction-nav li a::after {
    top: 200px;
}