javascript - como - Acción de activación de jQuery cuando un usuario se desplaza por una parte determinada de la página
como usar jquery en javascript (3)
Los waypoints en jQuery deben hacerlo: http://imakewebthings.github.com/jquery-waypoints/
$(''#my-el'').waypoint(function(direction) {
console.log(''Reached '' + this.element.id + '' from '' + direction + '' direction.'');
});
Documentación del complemento de jQuery waypoints: http://imakewebthings.com/waypoints/guides/jquery-zepto/
Hola a todos, necesito una acción jQuery para disparar cuando un usuario se desplaza por ciertas ubicaciones en la página. ¿Es esto incluso posible con jQuery? He visto .scroll en la API de jQuery y no creo que esto sea lo que necesito. Se dispara cada vez que el usuario se desplaza, pero lo necesito para disparar justo cuando un usuario pasa un área determinada.
Para activar cualquier acción solo una vez en una sola página, he modificado el fragmento de jondavid de la siguiente manera.
jQuery(document).ready(function($){
$triggered_times = 0;
$(window).on(''scroll'', function() {
var y_scroll_pos = window.pageYOffset;
var scroll_pos_test = 150; // set to whatever you want it to be
if(y_scroll_pos > scroll_pos_test && $triggered_times == 0 ) {
//do your stuff over here
$triggered_times = 1; // to make sure the above action triggers only once
}
});
})
Desplácese hacia abajo hasta Ejecutar fragmento de código
Aquí puedes ver un ejemplo de fragmento de código de trabajo;
jQuery(document).ready(function($){
$triggered_times = 0;
$(window).on(''scroll'', function() {
var y_scroll_pos = window.pageYOffset;
var scroll_pos_test = 150; // set to whatever you want it to be
if(y_scroll_pos > scroll_pos_test && $triggered_times == 0 ) {
alert(''This alert is triggered when y_scroll_pos = 150'')
$triggered_times = 1; // to make sure the above action triggers only once
}
});
})
p {
height: 1000px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<p>scroll this block to get the result</p>
</body>
Utilice el evento jquery .scroll ()
$(window).on(''scroll'', function() {
var y_scroll_pos = window.pageYOffset;
var scroll_pos_test = 150; // set to whatever you want it to be
if(y_scroll_pos > scroll_pos_test) {
//do stuff
}
});