javascript 更好的光滑箭头光滑禁用

Posted 2021-05-03

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript 更好的光滑箭头光滑禁用相关的知识，希望对你有一定的参考价值。

if( $('.section-gallery .gallery-nav .slick-slide').first().hasClass('slick-current') ) {
  $('.section-gallery .gallery-nav .left-arrow').addClass('not-active');
}
$('.section-gallery .gallery-nav').on('afterChange', function(event, slick, currentSlide){
    if (slick.$slides.length == currentSlide + slick.options.slidesToScroll) {
        $('.section-gallery .gallery-nav .right-arrow').addClass('not-active');
    }else{
        $('.section-gallery .gallery-nav .right-arrow').removeClass('not-active');
    } 
    if( currentSlide > 0 ){
        $('.section-gallery .gallery-nav .left-arrow').removeClass('not-active');
    }else if( currentSlide == 0 ) {
        $('.section-gallery .gallery-nav .left-arrow').addClass('not-active');
    }
});

以上是关于javascript 更好的光滑箭头光滑禁用的主要内容，如果未能解决你的问题，请参考以下文章

自定义光滑箭头

如何在光滑的滑块中创建自定义箭头以在悬停时更改图像？