PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
jquery, php, sanftes scrollen seite hüpft, bleibt nicht stehen??
Beitrag
<blockquote data-quote="Merlin10" data-source="post: 2377205" data-attributes="member: 644600"><p>Hallo Leute</p><p></p><p>bin hier am üben.Bitte schaut euch mal den Code an ,ein fehler ist drin und ich finde in nicht. </p><p>die funktion ist, das man zum anker scrollt und wieder zurück nach oben, und auf dem weg nach oben bleibt die Seite bei 200 kurz stehen und dann springt sie ganz noch oben bei diesen Browsern, moz, ie und opera.????</p><p>sie sollte bei -200 stehen bleiben,und bei diesen browsern habe ich den text hinter der navigation stehen.</p><p>bei safri und crome funk es.</p><p></p><p>bitte um Hilfe.</p><p>gruss</p><p></p><p>Hier der code</p><p>[HTML]</p><p><script type="text/javascript" src="http://www.google.com/jsapi"></script></p><p><script type="text/javascript"></p><p> // jQuery laden</p><p> google.load("jquery", "1.3.2");</p><p></script></p><p></p><p><!-- jQuery Code --> </p><p><script type="text/javascript"></p><p> </p><p> $(document).ready(function() {</p><p> // Alle internen Links auswählen</p><p> $('a[href*=#]').bind("click", function(event) {</p><p> // Standard Verhalten unterdrücken</p><p> event.preventDefault();</p><p> // Linkziel in Variable schreiben</p><p> var ziel = $(this).attr("href");</p><p> //Scrollen der Seite animieren, body benötigt für Safari</p><p> $('html,body').animate({</p><p> //Zum Ziel scrollen (Variable).offset().top </p><p> scrollTop: ($(ziel).offset().top - 200)</p><p> // Dauer der Animation und Callbackfunktion die nach der Animation aufgerufen wird, sie stellt das Standardverhalten wieder her und ergänzt die URL</p><p> }, 2000 , function (){location.hash = ziel;});</p><p> });</p><p> return false;</p><p> });</p><p></script></p><p>[/HTML]</p><p></p><p>mit diesen scrollen ich von oben nach unten</p><p>[HTML]</p><p><li><a href="#anker11">news</a></li></p><p>[/HTML]</p><p></p><p> und wieder zurück nach oben</p><p>[HTML] </p><p><li id="anker11"></p><p> <h5>Eigenwerbung</h5></p><p> <?php echo $news[11][0]; ?><br /></p><p> <a href="#top">Back to top</a></p></p><p> <br /></p><p> </li></p><p>[/HTML]</p></blockquote><p></p>
[QUOTE="Merlin10, post: 2377205, member: 644600"] Hallo Leute bin hier am üben.Bitte schaut euch mal den Code an ,ein fehler ist drin und ich finde in nicht. die funktion ist, das man zum anker scrollt und wieder zurück nach oben, und auf dem weg nach oben bleibt die Seite bei 200 kurz stehen und dann springt sie ganz noch oben bei diesen Browsern, moz, ie und opera.???? sie sollte bei -200 stehen bleiben,und bei diesen browsern habe ich den text hinter der navigation stehen. bei safri und crome funk es. bitte um Hilfe. gruss Hier der code [HTML] <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // jQuery laden google.load("jquery", "1.3.2"); </script> <!-- jQuery Code --> <script type="text/javascript"> $(document).ready(function() { // Alle internen Links auswählen $('a[href*=#]').bind("click", function(event) { // Standard Verhalten unterdrücken event.preventDefault(); // Linkziel in Variable schreiben var ziel = $(this).attr("href"); //Scrollen der Seite animieren, body benötigt für Safari $('html,body').animate({ //Zum Ziel scrollen (Variable).offset().top scrollTop: ($(ziel).offset().top - 200) // Dauer der Animation und Callbackfunktion die nach der Animation aufgerufen wird, sie stellt das Standardverhalten wieder her und ergänzt die URL }, 2000 , function (){location.hash = ziel;}); }); return false; }); </script> [/HTML] mit diesen scrollen ich von oben nach unten [HTML] <li><a href="#anker11">news</a></li> [/HTML] und wieder zurück nach oben [HTML] <li id="anker11"> <h5>Eigenwerbung</h5> <?php echo $news[11][0]; ?><br /> <a href="#top">Back to top</a></p> <br /> </li> [/HTML] [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
jquery, php, sanftes scrollen seite hüpft, bleibt nicht stehen??
Oben