1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

smooth scroll

  • tinemiar
  • 3. September 2014 um 00:38
  • tinemiar
    Anfänger
    Beiträge
    1
    • 3. September 2014 um 00:38
    • #1

    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 :cry: 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
    Anfänger
    Beiträge
    3
    • 13. September 2014 um 15:07
    • #2

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

    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 :D
    ich selbst hab nicht so den plan von jquery/javascript - aber es funktioniert...
    vllt hilft es dir ja auch :)

Tags

  • html
  • http
  • body
  • click
  • href
  • location
  • javascript
  • stop
  • scroll
  • default
  • animation
  • anker
  • ready
  • target
  • js
  • arge
  • book
  • offset
  • hash
  • url
  • jquery
  • seite
  • function
  • einfach
  • falsch

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern