Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改滑动条箭头位置_Javascript_Jquery_Slider_Slick.js - Fatal编程技术网

Javascript 更改滑动条箭头位置

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

我想将滑动箭头的位置更改为与图片中相同的位置,但无法在jquery中实现相同的位置

$('.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