mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 27.04.2024 19:36 Benutzername: Passwort: Auto-Login

Thema: iOS: Scrollen zu Ankern nur mit CSS, ohne JQuery/Javascript? vom 29.04.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> iOS: Scrollen zu Ankern nur mit CSS, ohne JQuery/Javascript?
Seite: 1, 2  Weiter
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?

Antworten mit Zitat Zum Seitenanfang

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: Männlich
Verfasst Fr 29.04.2011 16:16
Titel

Antworten mit Zitat Zum Seitenanfang

Suchst du vlt sowas ?
http://dev.opera.com/articles/view/css3-target-based-interfaces/

Allerdings wäre es
1. einfacher mit js umzusetzen
2. gibt es einen Bug in Webkit der die ganze Sache eig unmöglich macht

Also für iOS afaik nicht möglich nur mit css
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Benutzer 84934
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 29.04.2011 16:43
Titel

Antworten mit Zitat Zum Seitenanfang

emorikaner hat geschrieben:
Suchst du vlt sowas ?
http://dev.opera.com/articles/view/css3-target-based-interfaces/


Keine Ahnung, bei mir passiert weder im Safari noch im Opera etwas *zwinker*

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 * Keine Ahnung... *

Zitat:
2. gibt es einen Bug in Webkit der die ganze Sache eig unmöglich macht


Haste mal 'n Link? Lächel
 
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Fr 29.04.2011 16:53
Titel

Antworten mit Zitat Zum Seitenanfang

http://demos.flesler.com/jquery/scrollTo/
  View user's profile Private Nachricht senden
emorikaner

Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 29.04.2011 17:03
Titel

Antworten mit Zitat Zum Seitenanfang

Hast du den Text eig gelesen ? *zwinker*
Da steht exakt wie man da alles machen kann.

Und ganz unten wird auch der Bug mit Link beschrieben. Lächel
  View user's profile Private Nachricht senden
Benutzer 84934
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 29.04.2011 17:19
Titel

Antworten mit Zitat Zum Seitenanfang

emorikaner hat geschrieben:
Hast du den Text eig gelesen ? *zwinker*


Überflogen, denn:
emorikaner hat geschrieben:
2. gibt es einen Bug in Webkit der die ganze Sache eig unmöglich macht
*zwinker*

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

Antworten mit Zitat Zum Seitenanfang

Bitte nicht meinen Link überlesen..
  View user's profile Private Nachricht senden
Alex

Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht: Männlich
Verfasst Fr 29.04.2011 17:30
Titel

Antworten mit Zitat Zum Seitenanfang

Nur als Info, warum darf kein JS verwendet werden?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.