Foros del Web » Programando para Internet » Jquery »

Smooth scrolling horizontal

Estas en el tema de Smooth scrolling horizontal en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 11/09/2013, 13:33
 
Fecha de Ingreso: enero-2013
Mensajes: 6
Antigüedad: 11 años, 8 meses
Puntos: 0
Pregunta Smooth scrolling horizontal

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
  #2 (permalink)  
Antiguo 11/09/2013, 14:02
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 6 meses
Puntos: 1329
Respuesta: Smooth scrolling horizontal

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

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 11/09/2013, 14:12
 
Fecha de Ingreso: enero-2013
Mensajes: 6
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Smooth scrolling horizontal

Cita:
Iniciado por Carlangueitor Ver Mensaje
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>
  #4 (permalink)  
Antiguo 12/09/2013, 21:07
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 10 meses
Puntos: 977
Respuesta: Smooth scrolling horizontal

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:
Ver original
  1. function goto(id, t){  
  2.     //animate to the div id.
  3.     $(".contentbox-wrapper").animate({"left": -($(id).position().left)}, 600);
  4.    
  5.     // remove "active" class from all links inside #nav
  6.     $('#nav a').removeClass('active');
  7.    
  8.     // add active class to the current link
  9.     $(t).addClass('active');   
  10.    
  11.     window.location.hash = id;
  12. }

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

Saludos
  #5 (permalink)  
Antiguo 13/09/2013, 08:24
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 12 años, 8 meses
Puntos: 57
Información Respuesta: Smooth scrolling horizontal

Hola joseehrn, que tal.

Buscando encontré esto.

Etiquetas: funcion, horizontal, html, javascript, js, scrolling
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:51.