2013-08-13 18 views
5

Ho provato molti codici diversi per smussare gli ancoraggi. Non riesco a trovarne uno che funzioni. Deve essere in grado di scorrere verticalmente, orizzontalmente e diagonalmente. Un altro problema che trovo con gli altri è che non sembrano funzionare con più obiettivi. Voglio che sia in grado di scorrere fino a qualsiasi punto della pagina senza dover modificare lo script.jQuery Smooth Scorrere fino a qualsiasi ancoraggio

Fiddle

Questo è il codice che corrisponde a questo il più vicino, non posso farlo funzionare:

var $root = $('html, body'); 
$('a').click(function() { 

    $root.animate({ 

     scrollLeft: $($.attr(this, 'href')).offset().left, 
     scrollTop: $($.attr(this, 'href')).offset().top 

    }, 500); 

    return false; 
}); 

Funziona in JSFiddle, ma quando ho messo sulla mia pagina esso non funziona

Perché non si tratta di un duplicato? Questo è uno script multidirezionale che non ha come target singoli elementi. Si applica a tutti i link sulla pagina.

+0

[http://stackoverflow.com/questions/7717527/jquery-smooth-scrolling-when-clicking-an- anchor-link] (http://stackoverflow.com/questions/7717527/jquery-smooth-scrolling-when-clicking-an-anchor-link) – rps

+0

@rps Ho visto questi, ma nessuno di loro ha funzionato. – b2550

+0

http://kadaj.github.io/tuts/smooth-scroll/smooth-scroll.html – boring

risposta

1

non riesco a ottenere il vostro jsfiddle di lavorare, vedere se questo funziona:

$(function(){ 
    $('a').on({ 
     click:function (e) { 
     e.preventDefault(); 
     var root = $("html, body"); 
     var target = $(this).attr("href"); 
     root.animate({ 
      scrollLeft: $(target).offset().left, 
      scrollTop: $(target).offset().top 
     }, 500); 
     } 
    }); 
)}; 
+0

Mi viene visualizzato un errore di punto e virgola mancante e non riesco a capire perché. Inoltre non funziona. :( – b2550

+0

dispari - Non riesco a vedere neanche il punto e virgola mancante – peterchon

+0

Ho appena provato su jsfiddle e funziona bene http://jsfiddle.net/B3F25/6/ – peterchon

Problemi correlati