Scrolling

[CarloDebernardi]

Salve a tutti,

avendo sempre lavorato prevalentemente con PHP lato server non ho una grande esperienza di OOP né di JS. Cercando in rete ho trovato questo script:

$(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}, 1000);

                return false;
				
            }

        }

    });
	
});

Ora, il punto è che a me servirebbe riuscire a modificarlo in modo che faccia lo scrolling orizzontale e non verticale, ma all'interno di un div con overflow-x:scroll...

Grazie in anticipo!

[Xinod]

dovrebbe bastare

var targetOffset = $target.offset().left;
$('#idTuoElemento').animate({scrollLeft: targetOffset}, 1000);

al posto di

var targetOffset = $target.offset().top;
$('html,body').animate({scrollTop: targetOffset}, 1000);

ciao

[CarloDebernardi]

ok, così funzionerebbe se dovessi fare lo scrolling della pagina, ho già provato, ma dovrei farlo di un div...

Credo di dover cambiare $('html,body') ma non so come, ho provato ma non da alcun risultato...

[cavicchiandrea]

Originariamente inviato da CarloDebernardi
ok, così funzionerebbe se dovessi fare lo scrolling della pagina, ho già provato, ma dovrei farlo di un div...

Credo di dover cambiare $('html,body') ma non so come, ho provato ma non da alcun risultato...

$('#idTuoElemento').animate({scrollLeft: targetOffset}, 1000);
al posto di
$('html,body').animate({scrollTop: targetOffset}, 1000);

[CarloDebernardi]

ok, perfetto, è praticamente uguale ad un selettore CSS!

Grazie mille!