Η τεχνική του infinite scrolling είναι μια μέθοδος που επιταχύνει κατά πολύ την αναζήτηση και την πλοήγηση σε μια ιστοσελίδα με πολύ περιεχόμενο. Η ΥπερΔιαύγεια υποστηρίζει από σήμερα infinite scrolling, βελτιώνοντας κατά πολύ την ευχρηστία της και την ταχύτητα εξυπηρέτησης των χρηστών της.
Με δύο λόγια, ο χρήστης κάνει μια αναζήτηση, βλέπει τα αποτελέσματα και μόλις πάει στο κάτω μέρος της σελίδας, αυτομάτως φορτώνονται τα επόμενα αποτελέσματα ως μια φυσική συνέχεια των προηγούμενων. Η διαδικασία αυτή συνεχίζεται όσο ο χρήστης φτάνει στο τέλος της σελίδας μέχρι να εξαντληθούν όλα τα αποτελέσματα.
Το infinite scrolling έχει πολλά πλεονεκτήματα σε σχέση με το παραδοσιακό pagination. Στην πρώτη περίπτωση ο χρήστης:
- κάνει scroll down στην λίστα των αποτελεσμάτων,
- φτάνει στο τέλος και ψάχνει με το ποντίκι να στοχεύσει το κουμπί για την επόμενη σελίδα,
- πατάει το κουμπί,
- περιμένει να φορτώσει η νέα σελίδα,
- κάνει και πάλι scroll down στην λίστα των αποτελεσμάτων.
Αντίθετα, στην περίπτωση του infinite scrolling ο χρήστης κάνει απλώς scrolling!
Ο κώδικας javascript που απαιτείται για αυτή την λειτουργία είναι ο εξής:
$(window).scroll(function () {
if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
//Add something at the end of the page
}
});
Όσον αφορά τον server, αυτό εξαρτάται από την εκάστοτε τεχνολογία της ιστοσελίδας.
- http://stackoverflow.com/questions/5059526/infinite-scroll-jquery-plugin
- http://www.codinghorror.com/blog/2012/03/the-end-of-pagination.html
- http://ux.stackexchange.com/questions/15982/regular-pagination-vs-infinite-scroll
- http://www.infinite-scroll.com/