Ionic zu halten, Wie Feste hintergrund während des Surfens im Blick

Ich bin mit einem tabs-Vorlage für eine Ionische Projekt und haben die ein hintergrund-Bild. Jedoch, wenn der übergang werfen Staaten Auftritt, der hintergrund ist auch geprägt durch die animation. Ich möchte, dass der hintergrund immer Feste auf die gesamte Anwendung ( auf den übergang werfen Staaten und sub-Staaten).

Dieses Projekt steht beispielhaft für das problem:

link: http://codepen.io/anon/pen/ogYymB

Ich habe auch versucht, weisen Sie die hintergrund-Eigenschaft auf den Körper, aber es funktioniert nicht.

So, weiß jemand, wie auch immer das hintergrund-Bild fixiert und nur animieren, die Inhalte ?

InformationsquelleAutor mmarques | 2015-01-05
  1. 1

    So, es gibt einige neue Komplikationen, weil einige neue features in der beta 14, aber Sie können noch erreichen, was Sie wollen mit nur CSS.

    Sehen, dieser Stift:

    http://codepen.io/andrewmcgivery/pen/azBjdB

    Relevante CSS:

    body {
    background: 
url(http://cdn.wonderfulengineering.com/wp-content/uploads/2014/07/background-wallpapers-32.jpg) ;
    background-attachment:fixed;
    background-position: center;
}

body .view-container.tab-content {
  background-color: transparent;
}

body .pane, .menu, .view, .list, .item       {
    background: transparent;
}
    • Dank Andrew! Ja, es funktioniert. Aber es fügt ein weiteres problem, wenn man genau hinschaut den übergang Animationen jetzt sind seltsam. Wenn Sie navigieren Sie zu "Wissenschaftlichen Tatsache" zum Beispiel, der neue Inhalt überlappt den vorherigen Inhalt. Warum dies passiert ?
    InformationsquelleAutor Andrew McGivery
  2. 0

    Ich denke, dass kann man nicht das erreichen, was Sie versuchen zu tun, denn es ist ein javascript-framework-Implementierung. Beim ändern der url (z.B. "/sign-in") im Rahmen preoload die html-Seite und ersetzen Sie die html-Dokument mit den neuen mit einem übergang. In dieser html-Code enthalten, der hintergrund auch.
    Ich denke, dass für deinen Zweck sollten Sie die Umsetzung Ihrer eigenen Funktion, die (zum Beispiel) ersetzt nur die div-container in html mit einem übergang. Auf diese Weise sollte der hintergrund fixiert bleiben.

    • Vielen Dank für deine Antwort faby. So, du bist sugesting, ich solle implementieren Sie eine Funktion, die änderungen, die den Inhalt der Seite anstelle von der normalen stateProvider von angularJs ?
    • ja, genau 🙂
    InformationsquelleAutor faby
  3. 0

    Ich hatte ein ähnliches problem und das einzige, was ich Tat, war ändern Sie den scss-style mit folgender Klasse:

    .transparent      {
    background: transparent;
}

    Welche ich Hinzugefügt, um die Ionen-Ansicht.

    InformationsquelleAutor Tiagojdferreira
Schreibe einen Kommentar