C'è un modo per scoprire fine pagina utilizzando jQuery, in modo che un semplice messaggio può essere visualizzato dicendo che avete raggiunto la fine della pagina.Alert utilizzando jQuery quando Scorrere fino alla fine della pagina
risposta
How to tell when you're at the bottom of a page:
if ( document.documentElement.clientHeight +
$(document).scrollTop() >= document.body.offsetHeight)
{
// Display alert or whatever you want to do when you're
// at the bottom of the page.
alert("You're at the bottom of the page.");
}
Naturalmente si desidera a fuoco quanto sopra ogni volta che l'utente scorre:
$(window).scroll(function() {
if ( document.documentElement.clientHeight +
$(document).scrollTop() >= document.body.offsetHeight)
{
// Display alert or whatever you want to do when you're
// at the bottom of the page.
alert("You're at the bottom of the page.");
}
});
Here is a jsFiddle example che sfuma in un "gioco è fatto! . Scorrere fino a Top of del link" quando l'utente ha fatto scorrere la parte inferiore della pagina
Riferimenti:
Questo non funziona per me. Vi consiglio la risposta accettata a questa domanda SO: http://stackoverflow.com/questions/3898130/how-to-check-if-a-user-has-scrolled-to-the-bottom –
@ Ryan - fa la jsFiddle non funziona per te? Quale browser utilizzate? –
E potrebbe essere necessario tweaking per tenere conto di browser, ma qualcosa di simile dovrebbe fare:
$(document).scroll(function()
{
var $body = $('body');
if (($body.get(0).scrollHeight - $body.scrollTop) == $body.height())
{
// display your message
}
});
Questo funziona e ho testato in IE 7,8,9, FF 3.6, Chrome 6 e Opera 10.6
$(window).scroll(function()
{
if (document.body.scrollHeight - $(this).scrollTop() <= $(this).height())
{
alert('end');
}
});
Se le soluzioni di cui sopra non funzionano si prega di controllare se si imposta il tipo di documento a destra:
<!DOCTYPE HTML>
me voluta un'ora per scoprire :)
Per evitare duplicati console.log('end of page')
, è necessario creare un setTimeout, come questo:
var doc = $(document), w = $(window), timer;
doc.on('scroll', function(){
if(doc.scrollTop() + w.height() >= doc.height()){
if(typeof timer !== 'undefined') clearTimeout(timer);
timer = setTimeout(function(){
console.log('end of page');
}, 50);
}
});
In alternativa, è possibile rimuovere il listener di eventi dopo la prima esecuzione corretta (console.log) –
Nota per il debug: mi è stato sempre l'allarme sul ritorno alla parte superiore della pagina utilizzando jquery-1.10.2.js (?). Caricato jquery-1.6.4.min.js e tutto va bene.
- 1. Selenio: Scorrere fino alla fine della pagina
- 2. jQuery scorrere alla fine della pagina
- 3. jQuery Scorrere fino alla sezione della pagina
- 4. Cetriolo Capybara scorrere fino alla fine della pagina
- 5. JQuery scorrere fino all'inizio della pagina
- 6. jQuery Scorrere fino alla fine di Div anche dopo l'aggiornamento?
- 7. Scorrere fino alla fine di C# TextBox
- 8. iOS UITableView Scorrere fino alla fine della sezione
- 9. Scorrere fino alla fine di C# DataGridView
- 10. Scorrere fino alla parte inferiore della Div al caricamento della pagina (jQuery)
- 11. jQuery ha qualche funzione per far scorrere il client fino alla fine della porta di visualizzazione?
- 12. scorrere la pagina fino a quando automaticamente l'utente scorre fino
- 13. Scorrere automaticamente fino alla fine di un'area di testo
- 14. Scorrere fino alla fine di ScrollView in React Native
- 15. Espresso: come scorrere fino alla fine di ScrollView
- 16. come scorrere fino alla vista ui carica
- 17. Scorrere in cima alla pagina utilizzando jquery animate
- 18. UITableView Scorrere fino alla sezione
- 19. Scorrere fino a quando la pagina di carico
- 20. $ (documento) .ready() e inizializzazione jQuery alla fine della pagina
- 21. UIWebView non scorrerà fino alla fine/fondo
- 22. Passa alla fine della pagina con jQuery - Senza animazione
- 23. NestedScrollView non è necessario scorrere fino alla fine quando viene utilizzato con CollapsingToolbarLayout
- 24. Bootstrap div stretch alla fine della pagina
- 25. jQuery Smooth Scorrere fino a qualsiasi ancoraggio
- 26. Scorrere fino a una posizione specifica su una pagina utilizzando Javascript/Jquery
- 27. Come posso far scorrere un RichTextBox fino alla fine quando aggiungo una nuova riga?
- 28. Altezza del piè di pagina estendere fino alla fine della pagina
- 29. Css allineato alla fine della pagina
- 30. Scorrere verso la parte superiore della pagina
possibile duplicato di [Determinazione quando si scorre in fondo a una pagina con Javascript] (http://stackoverflow.com/questions/2817042/determining-when-scrolled-to-bottom-of-a-page-with-javascript) –