Ich versuche zu benutzen Bootstrap anbringen ein Element bilden, während affix am Ende der Seite und auf affix-top Zum Seitenanfang.
Ich implementiere affix und auf dem Desktop funktioniert es wie ein Zauber, aber auf dem Handy funktioniert es nicht. Ich meine: auf dem Handy gibt es nicht das Umschalten der Klassen und es bleibt immer dabei affix-top Klasse..
Ich benutze diesen Code:
<div class="affix-div" data-spy="affix" data-offset-top="197">
<h1>Title</h1>
</div>
und CSS sind:
.affix-div.affix {
bottom: 10px;
right: 10px;
z-index: 9999;
}
Warum auf dem Handy nicht die Klassen wechseln?
(Entschuldige mein schlechtes Englisch)
Antworten:
0 für die Antwort № 1Das Bootstrap - Affix berechnet den Versatz basierend auf der Dokumenthöhe, dem Fenster scrollTop und dem Versatz des Elements. Eine der Gefahren ist hier das Fenster .scrollTop Überlaufspezifikation, wenn Sie die Überlaufeigenschaft des Körpers auf keinen von beiden setzen visible oder clip Wenn Sie einen Wert angeben, wird der Body zu einem Bildlauf-Container, und scrollTop funktioniert nicht mehr, da der Body jetzt ein Bildlauf-Container ist und der Bildlauf nicht mehr im Fenster ausgeführt wird.
Suchen Sie nach dem Körper overflow, overflow-x oder overflow-y Eigenschaften und setzen Sie die Werte auf visible. Wenn Sie den Überlaufeffekt benötigen, wickeln Sie einfach den Inhalt des Körpers in ein anderes Element und stellen Sie den Überlauf dort ein.