2016-07-10 15 views
0

Ich habe DevTips Tutorial über das Erstellen einer Sliding Sidebar mit CSS verfolgt. Im Grunde lange Geschichte kurz. Die "page-content" -Klasse hält die eigentliche Website fest. Ich habe eine Box in die Seite-Inhalt div namens "Main-Content-Box", die Anzeige ist: flex. Ich habe einen Header, Main-Content und Footer div's. Der "Hauptinhalt" hat Text in Form von Lorem Ipsum-Paragrafen als Platzhalter.SASS: "Overflow: Scroll" funktioniert nicht Möglich wegen z-index [Gefolgt Tutorial von DevTips]

Grundsätzlich scrollt die Seite nicht. Ich weiß nicht warum. Vielleicht ist es wegen meinem Z-Index ... Ich bin mir nicht sicher, wie ich beschreiben soll, was los ist. Hier ist mein GitHub Repo zu diesem Thema. Ich habe auch den DevTips GitHub Repo sowie eine Anleitung/Referenz beigefügt. Ich habe die Standarddateien so modifiziert, dass sie auch ein Hintergrundbild enthalten. Es sieht also gut aus.

Ich habe versucht, auf dem Youtube-Tutorial-Video, dass DevTips veröffentlicht, aber keine Antwort. Ich habe das Youtube-Video in den Git Repo eingelegt.

Jede Hilfe wird geschätzt. Ich bin neu hier, also tut es mir leid, wenn ich etwas falsch gemacht habe oder nicht genug Informationen zur Verfügung gestellt habe. :(

J. Robinson

My Documents https://github.com/JDsWebService/StackOverflow_Question

DevTips Standarddokumente https://github.com/DevTips/HTML-and-CSS-slide-out-navigation

+0

Der Code, auf den Sie verwiesen, ist ziemlich umfangreich. Können Sie ein minimales Beispiel angeben, das Ihr Problem darstellt? Siehe: http://StackOverflow.com/Help/Mcve –

+0

Ich kann wirklich nicht. Ich weiß nicht, wie ich ein minimales Beispiel liefern würde ... Das ist ein komplexes Problem. Nicht etwas, was ich in einfachen Worten erklären kann. Außerdem lese ich den Link, den Sie angegeben haben, und der aufgelistete Code ist buchstäblich der ganze Code, um das Problem neu zu erstellen. Nichts anderes ist enthalten ... Es ist bereits minimiert. –

+0

Es gibt eindeutig noch Stile, die nichts mit Ihrem Problem zu tun haben (d. H. Färbung). Sie könnten zumindest versuchen, das Problem auf http://jsbin.com/ zu reproduzieren, damit die Leute sofort damit herumspielen können. –

Antwort

0

Das Problem wurde behandelt, indem das Etikett mit dem .toggle Klasse zu überprüfen. Es wurde die Aufnahme der gesamte Bildschirm, legte eine feste Breite auf dem Etikett und Problem wurde gelöst

Überprüfen Sie das Repository hier für weitere Informationen und Problem em Lösung.

https://github.com/JDsWebService/StackOverflow_Question