smooth scroll

tinemiar

Bitte helft mir,

das smooth scroll mit jquery funktioniert auf meiner seite nicht! Habe schon so viele verschiede js codes probiert... denke ich habe alles richtig eingebunden der alert ging teilweise auch aber nie die animation. Ich weiss einfach nicht woran es liegen könnte wisst ihr was ich falsch mache?

http://cg-dsgn.de

mein anker:

Code

<a href="#anfang">Seitenanfang</a>
<div id="anfang">anfong</div>

Code

$(".overdue").each( function() {    alert("Your book is overdue.");
});




// JavaScript Document
$(document).ready(function() {

    //Smoothscroll
    $('a[href^='#']').bind('click.smoothscroll',function (e) {
        e.preventDefault();
        var target = this.hash,
        $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 1000, 'swing', function () {
            window.location.hash = target;
        });
    });
    //EndSmoothscroll

Alles anzeigen

Notag

da du noch keine antwort bekommen hast, werf ich einfach mal den script hier rein den ich momentan benutze

Code

[size=8]<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>[/SIZE]
[size=8]		[U][I]<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>[/I][/U][/SIZE]
[size=8]		[U][I]<script type="text/javascript" src="js/jquery.plusanchor.js"></script>[/I][/U][/SIZE]
[size=8]		<script type="text/javascript">[/SIZE]
[size=8]			jQuery(document).ready(function($){[/SIZE]
[size=8]				$("body").plusAnchor({[/SIZE]
[size=8]					easing: "easeInOutExpo",[/SIZE]
[size=8]					offsetTop: -20,[/SIZE]
[size=8]					speed: 2000,[/SIZE]
[size=8]					onInit: function( base ) {[/SIZE]
[size=8]						if ( base.initHash != "" && $(base.initHash).length > 0 ) {[/SIZE]
[size=8]							window.location.hash = "hash_" + base.initHash.substring(1);[/SIZE]
[size=8]							window.scrollTo(0, 0);[/SIZE]
[size=8]							$(window).load( function() {[/SIZE]
[size=8]								timer = setTimeout(function() {[/SIZE]
[size=8]									$(base.scrollEl).animate({[/SIZE]
[size=8]										scrollTop: $( base.initHash ).offset().top[/SIZE]
[size=8]									}, base.options.speed, base.options.easing);[/SIZE]
[size=8]								}, 2000); // setTimeout[/SIZE]
[size=8]							}); // window.load[/SIZE]
[size=8]						}; // if window.location.hash[/SIZE]
[size=8]					} // onInit[/SIZE]
[size=8]				});[/SIZE]
[size=8]			});[/SIZE]
[size=8]		</script>[/SIZE]

Alles anzeigen

Code

[size=8]<a href="#main_anker">
<div id="main_anker">[/SIZE]

hab ich irgendwann mal irgendwo gefunden
ich selbst hab nicht so den plan von jquery/javascript - aber es funktioniert...
vllt hilft es dir ja auch

Tags