Πώς να προσθέσετε μια γραμμή κύλισης

Πίνακας περιεχομένων:

Πώς να προσθέσετε μια γραμμή κύλισης
Πώς να προσθέσετε μια γραμμή κύλισης

Βίντεο: Πώς να προσθέσετε μια γραμμή κύλισης

Βίντεο: Πώς να προσθέσετε μια γραμμή κύλισης
Βίντεο: SEXY 11 LINE ABS in 15 Days | 5 minute Home Workout 2024, Ενδέχεται
Anonim

Οι γραμμές κύλισης είναι κάθετες και οριζόντιες γραμμές κατά μήκος των δεξιών (κατά την εγγραφή από αριστερά προς τα δεξιά) και οι κάτω άκρες ενός παραθύρου ή μια ξεχωριστή περιοχή εντός ενός παραθύρου, σχεδιασμένες να μετακινούν περιεχόμενο κάθετα ή οριζόντια. Οι ιστοσελίδες χρησιμοποιούν στοιχεία Cascading Style Sheets (CSS) ενσωματωμένα σε HTML για τον έλεγχο της εμφάνισης και της συμπεριφοράς τους.

Πώς να προσθέσετε μια γραμμή κύλισης
Πώς να προσθέσετε μια γραμμή κύλισης

Οδηγίες

Βήμα 1

Χρησιμοποιήστε μια ετικέτα div εάν θέλετε να κάνετε τη γραμμή κύλισης όχι για ολόκληρη τη σελίδα, αλλά μόνο για περιορισμένη περιοχή της. Στο HTML (HyperText Markup Language), οι "ετικέτες" αναφέρονται σε μεμονωμένες εντολές για ένα πρόγραμμα περιήγησης να εμφανίζει ένα συγκεκριμένο στοιχείο σελίδας. Στην απλούστερη μορφή του, μια ετικέτα div (συχνά αναφέρεται ως "επίπεδο") γράφεται ως εξής:

Αυτό είναι το κείμενο μέσα στο επίπεδο

Εδώ είναι η ετικέτα ανοίγματος και είναι η ετικέτα κλεισίματος. Όλα όσα τοποθετούνται μεταξύ των ετικετών ανοίγματος και κλεισίματος βρίσκονται στο επίπεδο όπως στο δοχείο και αυτό το δοχείο μπορεί να έχει διαστάσεις - πλάτος και ύψος. Αυτό γίνεται χρησιμοποιώντας ένα πρόσθετο στυλ παραμέτρου ("χαρακτηριστικό"), το οποίο θα πρέπει να προστεθεί στην ετικέτα ανοίγματος:

Αυτό είναι το κείμενο μέσα στο επίπεδο

Βήμα 2

Συμπεριλάβετε στο χαρακτηριστικό στυλ της ετικέτας div και τους κανόνες για τις γραμμές κύλισης του επιπέδου:

Αυτό είναι το κείμενο μέσα στο επίπεδο

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

Βήμα 3

Χρησιμοποιήστε μια παρόμοια μέθοδο για να προσθέσετε γραμμές κύλισης στη σελίδα στο σύνολό της. Από προεπιλογή, εμφανίζονται όπως απαιτείται, αλλά εάν για οποιονδήποτε λόγο υπάρχει ανάγκη για τη συνεχή παρουσία τους στη σελίδα, τότε ο αντίστοιχος κανόνας στυλ πρέπει να προστεθεί στον πηγαίο κώδικα HTML. Βρείτε την ετικέτα κλεισίματος της κεφαλής του εγγράφου στον κώδικα της σελίδας και γράψτε τις παρακάτω οδηγίες στυλ:

body {overflow: κύλιση;}

Συνιστάται: