Scroll verticale dolce

[gnola]

Ciao a tutti, devo realizzare uno scroll verticale della pagina quando si clicca su dei link ma con l'effetto "dolce"...
Ho inserito questa funzione ma su alcuni link funge su altri non capisco come mai mi va ad un punto sbagliato della pagina..

$(function(){


    $('a[href*=#]').click(function() {
    
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
        && location.hostname == this.hostname) {
        
            var $target = $(this.hash);
            
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            
            if ($target.length) {
            
                var targetOffset = $target.offset().top;
                
                $('html,body').animate({scrollTop: targetOffset}, 2000);
                    
                return false;
                
            }
            
        }
        
    });
    
});

Sui link ho poi messo il codice per delle normali ancore html <a href="#nomesezione">link</a> richiamate poi con <a name="nomesezione"></a> nel punto corrispondente.

Cosa c'è di sbagliato??

[cavicchiandrea]

Potrebbe esserci dei conflitti con i nomi delle ancore? Comunque metti il link alla pagina pubblica (tuosito.xxxx/tuapagina.xxxx)

[gnola]

ecco il link..

http://www.asersrl.com/trentino/

Il menù con le ancore è il secondo, quello che scrollando la pagina si alza e poi rimane fisso in alto....non è che va in conflitto proprio con questo script..?

[webbeloz]

ecco il link..

http://www.asersrl.com/trentino/

Il menù con le ancore è il secondo, quello che scrollando la pagina si alza e poi rimane fisso in alto....non è che va in conflitto proprio con questo script..?

devi definire top, una volta fatto /stabilito che il punto di partenza sta ad una certa distanza dal top/ dato che hai una parte sopra al tuo menu... lo scroll andrà a segno tenendo conto di tale distanza superiore...

oppure se definire top diventa complesso...
prova questo semplice JS:

 $(".scroll").click(function(event){
         event.preventDefault();
         var dest=0;
         if($(this.hash).offset().top > $(document).height()-$(window).height()){
              dest=$(document).height()-$(window).height();
         }else{
              dest=$(this.hash).offset().top;
         }
         $('html,body').animate({scrollTop:dest}, 1000,'swing');
     });

dai la classe scroll ai link...

[cavicchiandrea]

Con IE8 sembrebbe non andare

[gnola]

Con IE8 sembrebbe non andare

cosa non va con IE8?

lo script dello scroll dolce non va nemmeno con gli altri browser....ora ho fatto una prova e togliendo l'altro script quello che fa muovere il layer in alto sembra funzionare...quindi potrebbe essere un problema di conflitto?

[cavicchiandrea]

Probabilità del 99%

[webbeloz]

vedi il JS di cui prima, nell'esempio che ho creato...

http://wblz.co/6sETr