Autor |
Nachricht |
Benutzer 84934
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 29.04.2011 13:14
Titel iOS: Scrollen zu Ankern nur mit CSS, ohne JQuery/Javascript? |
|
|
Hier:
http://tutorialzine.com/2010/02/html5-css3-website-template/
wird bei einem Klick in der nav schön weich zum entsprechenden Anker gescrollt, statt einfach hinzuspringen.
Webkit unterstützt doch die ganzen netten CSS3-Animationen, Transforms, etc. Müsste der Effekt dann nicht ohne Javascript möglich sein? Ich habe mir jetzt jede Menge durchsichtiger, sich drehender Würfel angeguckt, aber so was einfaches war nicht dabei. Weil es nicht geht? Weil man nur Elemente animieren kann, keine ganze Seite? Vielleicht hat jemand eine gute Adresse für mich ...
Ich brauche die Seite wirklich nur für iOS, kann also andere Browser außer Safari ignorieren.
|
|
|
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
Benutzer 84934
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 29.04.2011 16:43
Titel
|
|
|
Keine Ahnung, bei mir passiert weder im Safari noch im Opera etwas
Ich suche exakt dieses Verhalten (Klicke oben auf z.B. "Sweet Tabs"):
http://demo.tutorialzine.com/2010/02/html5-css3-website-template/template.html
Zitat: | 1. einfacher mit js umzusetzen |
Das von mir genannte Beispiel zittert im iOS wie Sau. Und wenn ich eine Website im iOS als Webapp auf dem Homescreen "installiere" ist nix mehr mit Optimierung, d.h. selbst wenn ich das Zittern fixe, wird es sich nicht sehr smooth sein
Zitat: | 2. gibt es einen Bug in Webkit der die ganze Sache eig unmöglich macht |
Haste mal 'n Link?
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
|
|
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 29.04.2011 17:03
Titel
|
|
|
Hast du den Text eig gelesen ?
Da steht exakt wie man da alles machen kann.
Und ganz unten wird auch der Bug mit Link beschrieben.
|
|
|
|
|
Benutzer 84934
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 29.04.2011 17:19
Titel
|
|
|
emorikaner hat geschrieben: | Hast du den Text eig gelesen ? |
Überflogen, denn: emorikaner hat geschrieben: | 2. gibt es einen Bug in Webkit der die ganze Sache eig unmöglich macht |
Edit: Und dieser Link in dem Artikel hat ja auch auf den ersten Blick nix mit dem zu tun, was ich vorhab
You can see the end result here
Zuletzt bearbeitet von am Fr 29.04.2011 17:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Fr 29.04.2011 17:30
Titel
|
|
|
Bitte nicht meinen Link überlesen..
|
|
|
|
|
Alex
Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht:
|
Verfasst Fr 29.04.2011 17:30
Titel
|
|
|
Nur als Info, warum darf kein JS verwendet werden?
|
|
|
|
|
|
|
|
Ähnliche Themen |
Scrollen- Fly - In Effekt jQuery?
Div bei Scrollen oben fixieren (jquery) Problem
JavaScript Scrollen?
text scrollen mit javascript
[Javascript] Scrollen von iFrame [solved]
iframe per javascript vertikal scrollen
|
|