Я работаю над карусели слайдера большого пальца для моего проекта. Я сделал это с помощью css3. что я сделал, я использовал обложку div и внутри, что я использовал ul и сдвинул ее влево и вправо. переполнение крышки div скрыто. Теперь он отлично работает, но проблема в том, что я не могу остановить слайд в конце Ли. как я могу это достичь? Я попробовал инструкции if else, но я был в замешательстве. Ну, полный код с комментариями находится здесь http://jsfiddle.net/pqHAK/
здесь приведен пример кода
$('#thumbsList').css('margin-left', positionToBeMoved + 'px');
Полный код находится в Fiddle. Пожалуйста, скажите мне, где я делаю это неправильно.
для левой стрелки нажмите эту кнопку
if (currentPosition!=0) {
var positionToBeMoved = currentPosition + 77;
// Setting th Final Fix//
$('#thumbsList').css('margin-left', positionToBeMoved + 'px');
} else {
}
то он перестанет проходить после первого div влево. Но вы должны быть осторожны, чтобы движение остановилось, прежде чем вы его проверите
Попробуйте эту скрипку:
Добавлено условие для проверки позиции:
$('li').length/2 * 154 - window.innerWidth < positionToBeMoved
Который номер li делится на 2 минус ширина окна, чтобы вычислить позицию.
Возможно, вам придется немного подкорректировать эту формулу, но это должно направлять вас в правильном направлении.