Método jQuery scrollLeft()

jQuery HTML/Métodos de CSS

El método scrollLeft() obtiene o establece la posición horizontal de la barra de desplazamiento del elemento seleccionado。

al usar el método scrollLeft()Obtenercuando la posición es，el primer elemento seleccionadola posición horizontal de la barra de desplazamiento。

al usar el método scrollLeft()Establecercuando la posición es，Todos los elementos seleccionadosEstablecer la posición horizontal de la barra de desplazamiento。

Sintaxis：

Obtener la posición del desplazamiento horizontal：

$(selector).scrollLeft()

Establecer la posición del desplazamiento horizontal:

$(selector).scrollLeft(value)

Ejemplo

Obtener scrollLeft de DIV：

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

Establecer scrollLeft de DIV：

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

Establecer el scrollLeft del documento:

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

Agregar desplazamiento suave al scroll del usuario

let size = $(".main").outerWidth();　//　Obtener el "ancho" de ".main"
$(window).keydown(function(event)　{
　　if(event.which　===　39)　{　//　Si se presiona la tecla de flecha hacia la derecha
　　　　$("html,　body").animate({scrollLeft:　"+="　+　tamaño},　250);
　　}　else　if(event.which　===　37)　{　//　Si se presiona la tecla de flecha hacia la izquierda
　　　　$("html,　body").animate({scrollLeft:　"-="　+　tamaño},　250);
　　}
});

Valor de los parámetros

jQuery HTML/Métodos de CSS