Stockholm parallax scrolling Mobil

Antworten
#1
01.03.2019 13:21
avatar  felix.genau
#1
fe
felix.genau

Hallo,
Danke erstmal das es euch gibt!
Eure Beiträge haben mir schon sehr viel geholfen.
Nun habe ich aber trotzdem noch ein problem und habe keinen Passenden Beitrag gefunden es zu lösen.

Ich habe die Home Seite mit dem Parallax scrolling gestaltet, auf dem Monitor siehts Klasse aus aber auf der Mobilen Ansicht ist alles ran gezoomt und scrollt nicht so schön wie auf dem Monitor.
Habt ihr eine Lösung das ganze optisch auf die mobile Ansicht anzupassen sodass es wie bei der Monitor Ansicht aussieht?

Und ich möchte den weissen Abschnitt/Balken zwischen dem Navimenü und dem conten wegbekommen.


 Antworten

 Beitrag melden
#2
03.03.2019 12:41
avatar  az_
#2
avatar
az_

...wie ist denn die URL?


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#3
26.07.2019 09:55
avatar  Takuna
#3
Ta
Takuna

Hallo zusammen,

ich habe genau das gleiche Problem wie der ursprüngliche Autor.

Beschreibung: Ich habe einen Parallax-Effekt im Header. Bei der Desktop Ansicht ist alles gut. Auf der mobilen Sicht wird nur ein kleiner Ausschnitt des Bilds gezeigt (das Bild ist nicht mehr responsiv)
Erwartetet Resultat: Bild ist auf mobiler Sicht responsiv und skaliert entsprechend.

Könnt ihr mir da weiterhelfen? Über ein Feedback wäre ich sehr dankbar!


URL: www.takuna.de

Code Parallax:

1
2
3
4
5
6
7
8
9
10
 
<style type="text/css">
/*<![CDATA[*/
 
.jqbga-slider--image, .jqbga-web--image {
  
   background-attachment: fixed;
}
 
  /*]]>*/
</style>
 


 Antworten

 Beitrag melden
#4
27.07.2019 18:13
avatar  az_
#4
avatar
az_

Die mobile Ansicht ist für fixierte Hintergründe ein Problem. Das liegt daran, dass die Browser die standardmäßig verwendete Größen-Einstellung „cover“ falsch interpretieren. Du kannst da Abhilfe schaffen, in dem du für die mobile Ansicht eine andere Größen Einstellung für das Hintergrundbild wählst (background-size)
LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!