CSS Θέση σταθερό παιδί σε ένα μετασχηματισμένο γονέα με υπερχείλιση-y auto, το παιδί κινείται κατά την κύλιση γονέα

ψήφοι
0

Προσπαθώ να χρησιμοποιήσετε ένα ψευδο μετά το στοιχείο για να δημιουργήσει μια κλίση στο τέλος του div για να δείξει ότι είναι κύλισης. Χρησιμοποιώντας transform: translateZ(0);στο div επιτρέπει το στοιχείο ψευδο να χρησιμοποιήσετε position: fixed;για να κολλήσει στο κάτω μέρος του στοιχείου. Ωστόσο, μόλις αρχίσετε την κύλιση, τα κύλιση ψευδο στοιχείο επάνω μαζί με το περιεχόμενο του div. Είναι δυνατόν να έχουμε αυτό το στοιχείο κολλήσει στο κάτω μέρος αυτού του div κατά την κύλιση (εκτός από τη χρήση position: sticky;οποίο είμαι αποφεύγοντας για λόγους υποστήριξης του προγράμματος περιήγησης);

Εδώ είναι ένα βιολί από ό, τι έχω αυτή τη στιγμή: https://jsfiddle.net/ebL485q9/2/

Ευχαριστώ!

Δημοσιεύθηκε 08/11/2018 στις 00:10
πηγή χρήστη
Σε άλλες γλώσσες...                            


1 απαντήσεις

ψήφοι
0

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

Ενημερώθηκε βιολί εδώ:

https://jsfiddle.net/pv72xbog/

Η ελπίδα αυτό βοηθά. Στην υγειά σας.

Απαντήθηκε 08/11/2018 στις 01:33
πηγή χρήστη

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more