CSS3: Bei Klick zu Ankerpunkt scrollen?

[Quabbe]

Moin,

ist es mit CSS3 möglich, bei Klick auf ein a-Element automatisch zu einem festgelegten Ankerpunkt weiter unten auf der Seite zu scrollen? Oder geht das nur mit js? Ich wusste nicht, mit welchem Stichwort ich Google hätte füttern müssen. Bei "automatic scroll" kamen nur Themen zur Scrollbar zum Vorschein.


Gruß,
Quabbe

 

[b4ttl3m4st3r]

dafür braucht man kein CSS

<a href="#srpinghier">klick</a>
<div id="springhier">Ich bin unten</div>

 

[Quabbe]

Damit "springt" er aber zum Ankerpunkt. In meinem Fall soll er aber mit einem schicken Gleiteffekt zum gewünschten Ankerpunkt scrollen.

Wäre es denkbar, irgendeinem Element eine transition (3s ease) mitzugeben, damit er den Scrollbefehl ausführt? Bin bei CSS3 noch nicht so richtig dahinter gestiegen.

 

[Space Vampire]

Dann bist du im falschen Forum. das ist mit CSS nicht machbar.
Dafür benötigst du Javascript. Genauer JQuery.

 

[DarkCross44]

Hier findest du was genauers:

jQuery.ScrollTo

 

[lascaux]

Hallo,

schau dir mal diese Website an, da gibt es eine Auswahl an Scrollern mit jquery. Auf den Seiten wird auch erklärt wie man es zu implentieren hat und teilweise auch wie es funktioniert.

JQuery: Die 20+ besten Content – Plugins (Scroll, Accordion, Slide) | BLOGRAMMIERER

lascaux