El scroll() es un método incorporado en jQuery que se usa para que el usuario se desplace en el elemento especificado. Este método funciona para todos los elementos desplazables y la ventana del navegador.
Sintaxis:
$(selector).scroll(function)
Parámetro: este método acepta la función de parámetros únicos, que es opcional. Se utiliza para especificar la función que se ejecutará cuando se active el evento de desplazamiento.
Valor de retorno: Vincula un evento cuando ocurre el desplazamiento para el elemento especificado.
El siguiente programa ilustra el método scroll() en jQuery:
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>scroll method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- jQuery code to show the working of this method -->
<script>
$(document).ready(function() {
$("div").scroll(function() {
alert("scroll happened");
});
});
</script>
<style>
div {
border: 1px solid black;
width: 500px;
height: 100px;
overflow: scroll;
}
</style>
</head>
<body>
<!-- scroll inside this div box -->
<div>Welcome to GeeksforGeeks!
Welcome to GeeksforGeeks!
Welcome to GeeksforGeeks!
Welcome to GeeksforGeeks!
Welcome to GeeksforGeeks!
Welcome to GeeksforGeeks!
Welcome to GeeksforGeeks!
Welcome to GeeksforGeeks!
Welcome to GeeksforGeeks!
Welcome to GeeksforGeeks!
Welcome to GeeksforGeeks!
Welcome to GeeksforGeeks!.
Welcome to GeeksforGeeks!
</div>
</body>
</html>
Salida:
después de desplazarse dentro del cuadro div.
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA