Η άπειρη κύλιση ενσωματώνει μία από τις ιδανικές ιδιότητες οποιουδήποτε καλού σχεδιασμού: οι άνθρωποι μπορούν να το χρησιμοποιήσουν χωρίς να το σκεφτούν.
Μόλις το συναντήσετε μερικές φορές, το ξεχνάτε. Θα έλεγα ότι οι περισσότεροι από εμάς έχουν έρθει να περιμένουν ορισμένες εφαρμογές, ή ίσως ορισμένες εφαρμογές, απλά να φορτώσετε περισσότερο περιεχόμενο όταν βάζουμε το κάτω μέρος μιας σελίδας. Και γιατί όχι? Είναι αποτελεσματικό και συχνά βολικό.
Σε ορισμένα περιβάλλοντα, πατώντας συνεχώς για να δείτε διαδοχικές σελίδες μπορεί γρήγορα να γίνει σύρετε. Σε αυτές τις περιπτώσεις, η τοποθέτηση σελίδων δεν είναι χρήσιμο εργαλείο πλοήγησης, αλλά διακοπή στην εμπειρία περιήγησης. Η άπειρη κύλιση - αν και έρχεται με δικά της προβλήματα - προχωρεί πολύ προς την κατεύθυνση της δημιουργίας πιο ομαλών εμπειριών.
Αυτό ισχύει ιδιαίτερα όταν πρέπει να περιηγηθείτε σε μεγάλες ποσότητες πληροφοριών που χωρίζονται σε μικρά κομμάτια. Τα συνηθισμένα παραδείγματα περιλαμβάνουν: Twitter, ειδησεογραφικά sites, tumblogs, γκαλερί εικόνων και ούτω καθεξής.
Φυσικά, δεν είναι για όλους, ούτε για κάθε έργο. Για όσους από εσάς έχετε αποφασίσει να προσθέσετε απεριόριστη αγάπη στους ιστότοπούς σας, υπάρχουν αρκετοί αποτελεσματικοί τρόποι για να το εφαρμόσετε εύκολα στον ιστότοπό σας:
Στις περισσότερες περιπτώσεις, πιθανότατα θα προσθέτετε αυτό το είδος συμπεριφοράς σε ιστότοπους / εφαρμογές που έχουν αποθηκευμένο δυναμικό περιεχόμενο σε βάση δεδομένων. Έχω αποφασίσει να συμπεριλάβω έναν σύνδεσμο που περιστρέφεται γύρω από στατικούς ιστότοπους για δύο λόγους:
Αυτό το σεμινάριο από το Hongkiat.com διαθέτει δύο διαφορετικά πρόσθετα jQuery για σας, συμπεριλαμβανομένης Άπειρη κύλιση από τον Paul Irish.
Δεν είμαι σίγουρος ότι υπάρχει κάποιο είδος λειτουργικότητας ή λειτουργικότητας κάτω από τον ήλιο που δεν έχει διατεθεί για το WordPress με τη μορφή ενός plugin. Η άπειρη κύλιση δεν αποτελεί φυσικά εξαίρεση.
Πρώτον, έχουμε και πάλι Άπειρη κύλιση . Ναι. Αυτό το plugin jQuery έρχεται με μια επίσημη εφαρμογή WordPress που έκανε επίσης ο Paul Irish. Ο σύνδεσμος βρίσκεται εκεί στην κύρια τοποθεσία του plugin, εμφανή και ορατή, ακριβώς στην κορυφή. Επίσης, στη σελίδα περιλαμβάνεται ένα σεμινάριο για να σας βοηθήσουμε να ρυθμίσετε το plugin ώστε να λειτουργεί με το συγκεκριμένο θέμα WordPress, οπότε βεβαιωθείτε ότι έχετε ελέγξει την τεκμηρίωση.
Στη συνέχεια, έχουμε την απόδειξη ότι η Automattic, η εταιρεία πίσω από το WordPress, μας αγαπά και θέλει να είμαστε ευτυχείς. Δημιούργησαν ένα Μονάδα Jetpack που θα προσθέσει επίσης άπειρη κύλιση στο θέμα σας. Και πάλι, ίσως χρειαστεί να προσαρμόσετε το plugin για να εργαστείτε με το συγκεκριμένο θέμα σας.
Αλλά τι γίνεται αν θέλετε να βουτήξετε βαθιά στον κώδικα και να μάθετε πώς να το κάνετε από την αρχή; Το WPTuts + καλύπτεστε με αυτό μάλλον σε βάθος φροντιστήριο . Συνιστάται για άτομα με ενδιάμεση κατανόηση του κώδικα front-end, το σεμινάριο έρχεται με όλα όσα χρειάζεστε για να καθορίσετε την άπειρη κύλιση στο θέμα σας. Ορισμένοι μάλιστα θα υποστήριζαν ότι αυτός είναι ο "σωστός τρόπος" να το κάνουμε.
Πολλοί σχεδιαστές και ορισμένοι προγραμματιστές κάνουν χρήση του tumblr για να μοιραστούν τις σκέψεις τους και / ή να δουλέψουν. Είστε ένας από αυτούς; Θέλετε το θέμα σας Tumblr να μετακινηθεί απείρως, ακριβώς όπως το ταμπλό σας; Κοιτάξτε όχι περισσότερο από Το σεμινάριο του Cody Sherman . Δεδομένου ότι γράφτηκε για το μέσο, μη κωδικοποιητικό χρήστη Tumblr, αυτό το σεμινάριο είναι νεκρό απλό. Αυτό έρχεται με κόστος, όμως, καθώς δεν μπορεί να λειτουργήσει με κάθε θέμα Tumblr.
Το jQuery Masonry είναι το κλασικό plugin για τη δημιουργία σχεδίων σχήματος τοιχοποιίας στον ιστό. (Προσωπικά, νομίζω ότι το όνομα το δίνει μακριά.) Δεδομένου ότι τα σχέδια τοιχοποιίας είναι όλα σχετικά με την εμφάνιση των μικρών κομμάτια των πληροφοριών που συχνά εξυπηρετούνται από την άπειρη κύλιση, δεν αποτελεί έκπληξη το γεγονός ότι πολλές ιστοσελίδες συνδυάζουν τις δύο συμπεριφορές. (Βλέπω: Pinterest ) Για στατικούς ιστότοπους, θα πρέπει να ελέγξετε την επίσημη τεκμηρίωση εδώ.
Το ισότοπο είναι παρόμοιο σε λειτουργία με το Masonry, στο ότι δημιουργήθηκε για να βοηθήσει τους ανθρώπους να εφαρμόσουν διατάξεις τοιχοποιίας. Το αναφέρω εδώ επειδή, κατά τη γνώμη μου, είναι πραγματικά καλύτερο. Αυτό συμβαίνει κυρίως επειδή, μέσω δοκιμών και σφαλμάτων, ήμουν σε θέση να κάνω μια πραγματικά ανταποκρινόμενη διάταξη τοιχοποιίας με αυτό το plugin jQuery. Είχα λιγότερη τύχη με άλλους. Οι εμπειρίες σας μπορεί να διαφέρουν. Ελέγξτε την τεκμηρίωση εδώ.
Προτεινόμενη εικόνα / μικρογραφία, άπειρη εικόνα κύλισης μέσω Shutterstock.