Я сделал карусель. использовал scrollLeft()
. вы можете увидеть его на CODEOPEN LINKпрокрутите по горизонтали для карусели
// For show/hide arrows button.
carousel.scroll(function() {
var i = carousel.scrollLeft();
var w = carousel.width();
console.log(i+'='+w);
if (i == w) {
next.fadeOut(400);
} else {
next.fadeIn(400);
};
if (i == 0) {
prev.fadeOut(400);
} else {
prev.fadeIn(400);
};
});
Моя проблема в том, когда страница в полной ширине (1200px) она работает должным образом, но при изменении размера браузера, scrollLeft()
вернуть другое значение. Вы можете увидеть значения в console.log.
Я ожидаю, когда scrollLeft()
дойдет до конца следующая кнопка спрятана. Но когда ширина меньше 1200px, она не имеет желаемого поведения.
Это была хорошая точка для спрятать ** предыдущую кнопку ** в первый раз, но моя проблема все еще существует для ** следующей кнопки **. У меня нет желаемого поведения, когда я уменьшаю его меньше, чем ** 1200px **. –
Для использования ** проведите ** на ** CODEOPEN ** или других редакторах в Интернете, что мне делать? –
Сначала позвольте мне сказать, что это swiperight или swipelef для функции ядра jquery? –