Как на маленьких экранах отменить подключение плагина mCustomScrollbar?

Question

[frontend-front]

Как на маленьких экранах отменить подключение плагина mCustomScrollbar ?
Документация плагина manos.malihu.gr/jquery-custom-content-scroller , не нашла, или под конец дня зрение подводит))

Answer 1

[Ihor Bratukh]

Как то так:

var params = {
	// объект параметров плагина
};

// Инициализируем при загрузки DOM
initScrollbar($('.content'), params);

// Инициализируем/разгрушаем по изменению окна браузера
$(window).on('resize', function() {
	initScrollbar($('.content'), params);
});

function initScrollbar($selector, options) {
	// Если ширина окна меньше чем 992 px
	if ($(window).width() < 992) {
		// Если на этом селекторе уже был инициализирован плагин, то разрушим его
		// Если нет, то ничего не делаем
		if ($selector.data('mCS')) $selector.mCustomScrollbar('destroy');
	} else {
		// Если ширина окна больше 992 px, То инициализируем плагин
		$selector.mCustomScrollbar(options || {});
	}
}

Comments

[frontend-front]

спасибо огромное)

[frontend-front]

не подскажете как узнать что доскроллили до конца блока при горизонтальной прокрутке?

[Ihor Bratukh]

frontend-front, посмотрите документацию, там все есть.

var params = {
	callbacks:{
		onTotalScroll: function() {
			console.log('Конец');
		}
	}
};

[frontend-front]

BRAGA96, спасибо Вам)

Answer 2

[Дима Паутов]

Такого нет, нужно писать условие, определяющее ширину окна и в зависимости от размера делать инициализацию