|
|||
Softscroll zum Anker
Ich habe hier eine Coole Funktion
https://css-tricks.com/examples/SmoothPageScroll/ Beschreibung: Smooth Scroll - elegantes Scrollen mit Jquery | Elmastudio die scrollt über 2 Links zu bestimmten Positionen und zwar soft. Das ganze funktioniert über JQuery, davon bin ich kein Freund: 1. Geht das auch ohne JQuery ? 2. Wie kann ich erreichen, dass ich über eine Funktion zum Anker springe? In Beispiel funktioniert es über einen Link: <a name="top" id="top"></a> Bei meinem Formular soll eine Funktion zum Anker springen, wenn ein bestimmtes Feld nicht ausgefüllt wird. if (document.getElementById('ort').value=='') zum_feld() |
Sponsored Links |
|
|||
jQuery ist nichts anderes als javascript. Also alles, was du mit jquery machen kannst kannst du auch mit javascript lösen. Falls du fragst, wie dieser soft-scroll ohne jquery funktioniert: jQuery ist open-source, du kannst dort den Code studieren (Viel Spaß dabei )
Ansonsten kannst du nach soft scrolling javascript oder ähnliches googlen in der Hoffnung dass du funktionierenden Code findest. Vergiss dann aber nicht, diesen auch in unterschiedlichsten Browsern zu testen (IE 8,9,10,11 Chrome Firefox ...) jquery ist schon von Haus aus so geschrieben, dass es in allen (großen) Browsern funktioniert. |
Sponsored Links |
|
|||
Zitat:
mein Hauptproblem ist ja, wie springe ich über eine Funktion zum Anker (mit jquery) Im Netz habe ich eine Funktion ohne jquery gefunden: Langsam an den Anfang einer Seite springen mit der Smooth-Scroll-Funktion echt viel Code, und ich bin mir auch nicht sicher, ob man das einfach so verwenden darf, daher doch lieber jquery |
|
|||
Zitat:
Habe zwar schon Google gefragt, aber nichts gefunden, wie ein Objekt erstellt wird. |
|
|||
ich schaffe das letzte Prozent nicht...
aufgerufen z.B. über ein Button Onlick=scrollTo(ziel) Code:
function scrollTo(target){ if(!target) return; // target umwandel $(target) =target // ist hackt es noch var targetOffset = target.offset().top; $('html,body').animate({scrollTop: targetOffset}, 1000); } |
|
||||
Zitat:
target muss ein jQuery Objekt sein! So in etwa: Code:
scrollTo($(ziel)); function scrollTo(target){ if(!target) return; var targetOffset = target.offset().top; $('html,body').animate({scrollTop: targetOffset}, 1000); } |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Anker Textfarbe "permanent" ändern. | kifkef | CSS | 17 | 21.03.2012 18:42 |
Fixer Header (CSS Frame) und Sprung zu Anker auf dieser Seite | Chico_wau | CSS | 2 | 14.05.2007 19:08 |
Seitenübergreifender Anker funzt net unter IE | dablake | CSS | 6 | 06.03.2006 22:44 |
IE6, CSS, Anker und XHTML | Smirftsch | CSS | 7 | 14.02.2006 19:50 |