Die Seite auf meiner Website scrollt nicht. Wenn mehr Inhalt vorhanden ist als der Bildschirm passt, können Sie ihn nicht sehen, da scroll nicht funktioniert. Ich bin nicht und CSS-Guru und ich weiß nicht, ob das Problem tatsächlich mit CSS oder HTML ist.
Ich habe einige Zeit damit verbracht, das Problem zu verstehen, aber ich bin kein CSS-Guru, also hoffe ich, dass mir jemand helfen kann. Die Seite verwendet Hochtöner-Bootstrap und ein eigenes Thema für sie (die ich nicht geschrieben habe). Wenn ich Theme CSS-Datei Scrolling nicht verwenden, funktioniert es gut.
Teil meiner CSS-Themavorlage:
%Vor% Für jemanden, der in meinem Szenario war, konnte dies wegen height: 100% für html, body in angular-material.css geschehen. Entferne es und du bist gut zu gehen.
Das mag für niemanden relevant sein, aber ich werde es trotzdem hier kommentieren - ich benutzte ein
pseudo :after
Element auf dem Körper und hatte
angewendet position: fixed
unterhalb eines bestimmten Standpunktes zum css, jedoch hatte ich
gesetzt .classname
und nicht
.classname:after
auf dem Element. Ich werde das CSS unten posten. Was das getan hat, war die Position der Seite zu beheben, so dass es nicht scrollen konnte.
vollständiges CSS, das relevant ist:
%Vor%/ * Zuerst habe ich body.bg nicht body.bg: nachher, was die Dinge nicht zum Scrollen brachte und ich wurde schließlich als Hölle verwirrt * /
%Vor%Tags und Links html css html5 twitter-bootstrap twitter-bootstrap-3