Smooth scrolling horizontal

[joseehrn]

Hola a todos. Me pasa que estoy trabajando una pagina web y necesito que tenga un scroll horizontal pero el codigo que logre encontrar tiene un defecto que no me señala en la barra de dirrecion en donde me encuentro. Aqui el demo http://gazpo.com/downloads/tutorials/jquery/horizontal_scroll/ con el codigo que estoy trabajando para que vean.

Estoy buscando algo como este http://www.paulund.co.uk/playground/demo/jquery_internal_animation_scrolling/ que si me coloca en la barra de direccion en que parte me encuentro. Ejemplo: Si doy click en "About" en la barra de direccion me marque http://www.paulund.co.uk/playground/demo/jquery_internal_animation_scrolling/#about, solo necesito que en vez de que sea vertical sea horizontal como el primer demo.

Coloco esto en aqui porque a mi parecer es el codigo JS (no se nada de este lenguaje) ya que tanto como el codigo JS y el html con que funcionan ambos son completamente distintos. Saludos

[Carlangueitor]

Si no sabes nada de este lenguaje es muy dificil que puedas modificar algo del script. Sigue buscando algo que ya esté listo.

Saludos

[joseehrn]

Iniciado por Carlangueitor

Si no sabes nada de este lenguaje es muy dificil que puedas modificar algo del script. Sigue buscando algo que ya esté listo.

Saludos

Todos los que funcionan como quiero son vertical y necesito horizontal. Por algo realice este post, a ver si alguno de ustedes me podria echar una mano.

Este el codigo del vertical que me gustaria que fuera horizontal.

Código:

$(document).ready(function(){
	$('a[href^="#"]').on('click',function (e) {
	    e.preventDefault();

	    var target = this.hash,
	    $target = $(target);

	    $('html, body').stop().animate({
	        'scrollTop': $target.offset().top
	    }, 900, 'swing', function () {
	        window.location.hash = target;
	    });
	});
});

HTML

Código:

<a href="#services">Jump to services</a>

<div id="services">

</div>

[Alexis88]

Si lo que buscas es que simplemente se añada con un hashtag el nombre del artículo o sección, basta con que la añadas de esta forma:

Código Javascript:

function goto(id, t){   
    //animate to the div id.
    $(".contentbox-wrapper").animate({"left": -($(id).position().left)}, 600);
    
    // remove "active" class from all links inside #nav
    $('#nav a').removeClass('active');
    
    // add active class to the current link
    $(t).addClass('active');    
    
    window.location.hash = id;
}
 

La función es la del primer link que pusiste, es la que encontré en su código fuente.

Saludos

[gebremswar]

Hola joseehrn, que tal.

Buscando encontré esto.