Javascript 更改滑动条箭头位置
我想将滑动箭头的位置更改为与图片中相同的位置,但无法在jquery中实现相同的位置Javascript 更改滑动条箭头位置,javascript,jquery,slider,slick.js,Javascript,Jquery,Slider,Slick.js,我想将滑动箭头的位置更改为与图片中相同的位置,但无法在jquery中实现相同的位置 $('.your class')。光滑({ 点:是的, 无限:是的, 速度:300,, 幻灯片放映:1, centerMode:对, 可变宽度:true, 前箭头:“”, 下一行:“” }); 在光滑的函数上添加类,如 prevArrow: $(".pp2"), nextArrow: $(".nn2"), &下面的按钮添加样式: <button class="pp2">back</butto
$('.your class')。光滑({
点:是的,
无限:是的,
速度:300,,
幻灯片放映:1,
centerMode:对,
可变宽度:true,
前箭头:“”,
下一行:“”
});
在光滑的函数上添加类,如
prevArrow: $(".pp2"),
nextArrow: $(".nn2"),
&下面的按钮添加样式:
<button class="pp2">back</button>
<button class="nn2">forward</button>
返回
向前地
在光滑的函数上添加类,如
prevArrow: $(".pp2"),
nextArrow: $(".nn2"),
&下面的按钮添加样式:
<button class="pp2">back</button>
<button class="nn2">forward</button>
返回
向前地
您可以使用CSS更改箭头的位置。试试下面这样
.clr-gry.slick-arrow {
top: 0;
position: absolute;
}
.fa-angle-left.clr-gry {
right: 10px;
}
.fa-angle-right.clr-gry {
right: 0;
}
如果这不起作用,请共享HTML页面。您可以使用CSS更改箭头的位置。试试下面这样
.clr-gry.slick-arrow {
top: 0;
position: absolute;
}
.fa-angle-left.clr-gry {
right: 10px;
}
.fa-angle-right.clr-gry {
right: 0;
}
如果这不起作用,请共享HTML页面。
。slick next
和。slick prev
是slick slider中预定义的类。为了定制arrow的CSS,您可以使用这些类来获得所需的结果
无论您使用的是jQuery还是React都可以使用。
.slick next
和.slick prev
是slick slider中预定义的类。为了定制arrow的CSS,您可以使用这些类来获得所需的结果
无论您是使用jQuery还是React都可以使用。看起来更像是css问题而不是javascript问题,您可以发布您正在应用的样式吗?我没有应用任何CSSLook,更像是css问题而不是javascript问题,您可以发布您正在应用的样式吗?我没有应用任何css