Прокрутка вкладок в Bootstrap 4

vedankita kumbhar спросил: 03 ноября 2018 в 09:44 в: javascript

Я работаю над вкладкой прокрутки. Ниже мой код. У меня проблема с тем, что я не могу нажать на средние вкладки. При щелчке правой кнопкой мыши вкладки перемещаются постепенно. Что я должен сделать, чтобы перемещать вкладки постепенно? Пожалуйста, помогите

var hidWidth;
var scrollBarWidths = 40;var widthOfList = function() {
    var itemsWidth = 0;
    $('.list a').each(function() {
        var itemWidth = $(this).outerWidth();
        itemsWidth += itemWidth;
    });
    return itemsWidth;
};var widthOfHidden = function() {
    return (($('.wrapper').outerWidth()) - widthOfList() - getLeftPosi()) - scrollBarWidths;
};var getLeftPosi = function() {
    return $('.list').position().left;
};var reAdjust = function() {
    if (($('.wrapper').outerWidth()) < widthOfList()) {
        $('.scroller-right').show().css('display', 'flex');
    } else {
        $('.scroller-right').hide();
    }    if (getLeftPosi() < 0) {
        $('.scroller-left').show().css('display', 'flex');
    } else {
        $('.item').animate({
            left: "-=" + getLeftPosi() + "px"
        }, 'slow');
        $('.scroller-left').hide();
    }
}reAdjust();$(window).on('resize', function(e) {
    reAdjust();
});$('.scroller-right').click(function() {    $('.scroller-left').fadeIn('slow');
    $('.scroller-right').fadeOut('slow');    $('.list').animate({
        left: "+=" + widthOfHidden() + "px"
    }, 'slow', function() {    });
});$('.scroller-left').click(function() {    $('.scroller-right').fadeIn('slow');
    $('.scroller-left').fadeOut('slow');    $('.list').animate({
        left: "-=" + getLeftPosi() + "px"
    }, 'slow', function() {    });
});

Fiddle http://jsfiddle.net/vedankita/2uswn4od/13

Помогите мне медленно прокрутить нажатие кнопки, чтобы я мог нажать на вкладке легкости. Благодаря

0 ответов