Проблема горизонтальной прокрутки вместе со следующими и предыдущими кнопками

Question

С помощью jQuery я создал горизонтальный тег div и хочу прокрутить этот div с помощью кнопок «Далее» и «Предыдущий».

У меня есть код, который работает для вертикальной прокрутки, ноКак применить тот же код для горизонтальный прокрутки?

function scrollSmoothToBottom(id) {
    var div = document.getElementById(id);
    $('#' + id).animate({
        scrollTop: div.scrollHeight - div.clientHeight
    }, 500);
}

function scrollSmoothToTop(id) {
    var div = document.getElementById(id);
    $('#' + id).animate({
        scrollTop: 0
    }, 500);
}

Answer 1

Вам необходимо заменить scrollTop на scrollLeft, scrollHeight на scrollWidth и clientHeight на clientWidth.

Answer 2

Я не уверен, что этот код работает или нет, вы должны проверить и сообщить мне, если работает

function scrollSmoothToRight (id) {
       var div = document.getElementById(id);
       $('#' + id).animate({
       scrollLeft: div.scrollWidth - div.clientWidth // set this value to 0 for Left
       }, 500);
       }