Yperdiavgeia infinite scrolling για ταχύτερα αποτελέσματα

Η τεχνική του infinite scrolling είναι μια μέθοδος που επιταχύνει κατά πολύ την αναζήτηση και την πλοήγηση σε μια ιστοσελίδα με πολύ περιεχόμενο. Η ΥπερΔιαύγεια υποστηρίζει από σήμερα infinite scrolling, βελτιώνοντας κατά πολύ την ευχρηστία της και την ταχύτητα εξυπηρέτησης των χρηστών της.

Με δύο λόγια, ο χρήστης κάνει μια αναζήτηση, βλέπει τα αποτελέσματα και μόλις πάει στο κάτω μέρος της σελίδας, αυτομάτως φορτώνονται τα επόμενα αποτελέσματα ως μια φυσική συνέχεια των προηγούμενων. Η διαδικασία αυτή συνεχίζεται όσο ο χρήστης φτάνει στο τέλος της σελίδας μέχρι να εξαντληθούν όλα τα αποτελέσματα.

Το infinite scrolling έχει πολλά πλεονεκτήματα σε σχέση με το παραδοσιακό pagination. Στην πρώτη περίπτωση ο χρήστης:

1. κάνει scroll down στην λίστα των αποτελεσμάτων,
2. φτάνει στο τέλος και ψάχνει με το ποντίκι να στοχεύσει το κουμπί για την επόμενη σελίδα,
3. πατάει το κουμπί,
4. περιμένει να φορτώσει η νέα σελίδα,
5. κάνει και πάλι 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, αυτό εξαρτάται από την εκάστοτε τεχνολογία της ιστοσελίδας.

Επιπλέον πληροφορίες για το infinite scrolling:

• 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/