Método jQuery scrollLeft()

jQuery HTML/Métodos CSS

o método scrollLeft() obtém ou configura a posição horizontal da barra de rolagem do elemento selecionado.

ao usar o método scrollLeft()Obterao ajustar a posição, ela retornaráo primeiro elemento selecionadoa posição horizontal da barra de rolagem.

ao usar o método scrollLeft()Configurarao ajustar a posição, ela retornaráTodos os elementos selecionadosConfigurar a posição horizontal da barra de rolagem.

Sintaxe:

Obter a posição do barramento de rolagem horizontal:

$(selector).scrollLeft()

Configurar a posição do barramento de rolagem horizontal:

$(selector).scrollLeft(value)

Exemplo

Obter o scrollLeft do DIV:

$("div").scroll(function(){
　　$(this).scrollLeft();
});

Configurar o scrollLeft do DIV:

$("button").click(function(){
　　$("div").scrollLeft(150);
});

Definir scrollLeft do documento:

$("button").click(function(){
　　$(document).scrollLeft(300);
});

Adicionar rolagem suave ao rolar na página do usuário:

let size = $(".main").outerWidth();　//　Obter largura ".main"
$(window).keydown(function(event) {
　　if(event.which ===　39) {　//　Se pressionar a tecla de seta para a direita
　　　　$("html, body").animate({scrollLeft: "+="　+　size},　250);
　　} else if(event.which ===　37) {　//　Se pressionar a tecla de seta para a esquerda
　　　　$("html, body").animate({scrollLeft: "-="　+　size},　250);
　　}
});

Valor do Parâmetro

jQuery HTML/Métodos CSS