Ergebnis 1 bis 2 von 2

Thema: smooth scroll

  1. #1
    HTML Newbie
    Registriert seit
    03.09.2014
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard smooth scroll

    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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    HTML Newbie
    Registriert seit
    29.08.2014
    Beiträge
    3
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: smooth scroll

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

    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    		<script type="text/javascript" src="js/jquery.plusanchor.js"></script>
    		<script type="text/javascript">
    			jQuery(document).ready(function($){
    				$("body").plusAnchor({
    					easing: "easeInOutExpo",
    					offsetTop: -20,
    					speed: 2000,
    					onInit: function( base ) {
    						if ( base.initHash != "" && $(base.initHash).length > 0 ) {
    							window.location.hash = "hash_" + base.initHash.substring(1);
    							window.scrollTo(0, 0);
    							$(window).load( function() {
    								timer = setTimeout(function() {
    									$(base.scrollEl).animate({
    										scrollTop: $( base.initHash ).offset().top
    									}, base.options.speed, base.options.easing);
    								}, 2000); // setTimeout
    							}); // window.load
    						}; // if window.location.hash
    					} // onInit
    				});
    			});
    		</script>
    Code:
    <a href="#main_anker">
    <div id="main_anker">
    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

Ähnliche Themen

  1. Smooth Scoll
    Von Benny-Fotografie im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 18.03.2014, 22:39
  2. Scroll Leiste
    Von Heat im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 11.01.2010, 18:48
  3. Scroll die 100te
    Von Hacki im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 30.03.2009, 22:23
  4. php scroll fenster
    Von badmicha im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 11.02.2008, 19:24
  5. iframe und scroll to
    Von KrAUsE im Forum HTML & CSS Forum
    Antworten: 16
    Letzter Beitrag: 14.07.2007, 18:11

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •