web-dev-qa-db-ja.com

スリックカルーセル-コントロールを非表示にしますか？

次へと前へのボタンの追加を滑らかにするのを止めるオプションはありますか？私はCSSでそれらを隠すことができないようです。

<button type="button" data-role="none" class="slick-prev" aria-label="previous" style="display: inline-block;">Previous</button>
cssjquery-pluginsslick.js
20
v3nt

カルーセルを呼び出す場所にprevArrow: falseとnextArrow: falseを追加します。例）

$('.slider').slick({
    dots: false,
    prevArrow: false,
    nextArrow: false
});

削除したい場合に備えて、dots: falseを追加しました。

50
Edward

両方の矢印を取り除きたい場合：

$('.slider').slick({
   arrows: false
});
17
Zoltan Ordog

ボタンを非表示にしますか？次に、このCSSを試してください。

.slick-prev:before,
.slick-next:before {
   display:none;
}
2
atiquratik
$('.slider').slick({
 arrows: false
});
1
Glen Davidson

CSSのみを使用してボタンを非表示にするために、これは私のために働いた：

nav.slick__arrow {
  height: 0;
  overflow: hidden;
}

私も使用しました：

nav.slick__arrow, ul.slick-dots {
  display: none!important;
}
0
netgenius.co.uk

JavaScriptを使用してボタンを非表示にするのに問題があったため、CSSで使用しようとしました

.slider button{
    display: none;
}

、しかしこれは機能しなかったので、私は

.slider button{
    visibility: hidden;
}

ポインターイベントがないので、準備は万端です。

0
mocni_T