Θα ήθελα να απενεργοποιήσω εντελώς την κύλιση στο "σώμα" της HTML. Δοκίμασα τις ακόλουθες επιλογές:
(δεν λειτούργησε, δεν απενεργοποίησε την κύλιση, απλώς έκρυψε τη γραμμή κύλισης)
position: fixed;
(αυτό λειτούργησε, αλλά η κύλιση γινόταν εντελώς προς τα πάνω, πράγμα απαράδεκτο για τη συγκεκριμένη εφαρμογή)
Δεν μπόρεσα να βρω εναλλακτικές λύσεις για αυτές τις δύο επιλογές, υπάρχουν άλλες;
HTML css λειτουργεί μια χαρά, αν η ετικέτα σώμα δεν κάνει τίποτα μπορείτε να γράψετε επίσης
<body scroll="no" style="overflow: hidden">
Σε αυτή την περίπτωση η παράκαμψη θα πρέπει να γίνει στην ετικέτα body, είναι πιο εύκολο να ελεγχθεί αλλά μερικές φορές προκαλεί πονοκεφάλους.
Αυτή η ανάρτηση ήταν χρήσιμη, αλλά απλά ήθελα να μοιραστώ μια μικρή εναλλακτική λύση που μπορεί να βοηθήσει και άλλους:
Η ρύθμιση του max-height
αντί του height
κάνει επίσης το κόλπο. Στην περίπτωσή μου, απενεργοποιώ την κύλιση με βάση μια εναλλαγή κλάσης. Η ρύθμιση .someContainer {height: 100%; overflow: hidden;}
όταν το ύψος του container's είναι μικρότερο από αυτό του viewport θα τέντωνε το container, κάτι που δεν θα ήταν αυτό που θα θέλατε. Η ρύθμιση του max-height
λαμβάνει υπόψη αυτό, αλλά αν το ύψος του container's είναι μεγαλύτερο από αυτό του viewport's όταν αλλάζει το περιεχόμενο, εξακολουθεί να απενεργοποιεί την κύλιση.