SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Webseiten professionell erstellen

Webseiten professionell erstellen zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 20.08.2016, 18:27:54
Fake Fake ist offline
Anfänger
 
Registriert seit: May 2016
Alter: 31
Beiträge: 33
Position fixed - mobile Browser

Hat jemand Erfahrung mit mobilen Browsern?

Ein ganz simples Beispiel...

Ich möchte einen fixierten header, der sowohl fixiert bleibt, wenn der
Content darunter die Fenstergröße überschreitet, als auch die Fensterbreite.

Die Y - Achse selbst ist kein Problem.
Beim Scrollen in (Win)Browser bleibt der header fixiert.

Die X - Achse ist aber das Problem.
Beim Scrollen in (Win)Browser bleibt der header ebenfalls fixiert.

Beim Scrollen nach rechts im mobilen Browser schiebe ich das fixierte Element,
besser gesagt den Text darin, dann nach links aus dem Sichtfeld heraus. Der
header hat 100% der Fensterbreite, also auch dessen Hintergrund, aber er ist
eben keines falls fixiert wie im Browser.

HTML-Code:
.header
{
	background: #202020;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	color: #fff;
}

		<div class="header">
			test
		</div>

		<div>
			<div style="width: 2000px; height: 2000px;">123</div>
		</div>
Das wäre das simpelste Beispiel, dass ich machen kann.

Im Browser ist der header auf X und Y - Achse fixiert.
Im mobilen Browser schiebe ich den Text "test" im header beim Scrollen
nach rechts, links aus dem Bild raus. Die Y - Achse ist okay.

Ich habe breits alle möglichen Tipps probiert und gesucht und gesucht
und keine Lösung für Android und iOS gefunden. Hat jemand einen Tipp?
Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Mobile Browser – Scrollbalken für ein div anzeigen ssc HTML, CSS und JavaScript Help! 0 18.11.2015 11:28:59
Viele Browser, aber jeder interpretiert anders realyreal22 Off Topic Area 8 21.04.2009 16:12:36
position: fixed in IE6 Willow HTML, CSS und JavaScript Help! 3 04.02.2008 19:59:10
IExplorer <-> Firefox + CSS rsciw HTML, CSS und JavaScript Help! 10 25.09.2006 17:06:34
Loginproblem bei AOL Browser koerschgen2001 PHP Grundlagen 11 20.03.2006 15:51:47


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:59:27 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


© 2001-2024 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt