En la parte inferior de mi página de inicio he incluido un formulario de contacto y he especificado el ancla para esta sección como div id = "contact".Enlace a otra página -> jquery desplácese a ancla específica
Cuando se hace clic en el botón de contacto en cualquier página, debe navegar a la página de inicio y al cargar la página, desplácese automáticamente al formulario de contacto.
No he tenido éxito en hacer que esto funcione después de revisar una pregunta similar que encontré aquí: jQuery scroll to ID from different page Cuando intento, simplemente salta al formulario. Quiero que se desplace suavemente.
<li><span>Get in touch</span><a href="index.html#contact">Contact</a></li>
La función jQuery problema para desplazarse hasta el ancla de contacto en la página de inicio de otras páginas:
(function($){
var jump=function(e) {
if (e) {
e.preventDefault();
var target = $(this).attr("href");
} else {
var target = location.hash;
}
$('html,body').animate({
scrollTop: $(target).offset().top
},1000,function() {
location.hash = target;
});
}
$('html, body').hide()
$(document).ready(function() {
$('a[href^=#]').bind("click", jump);
if (location.hash) {
setTimeout(function(){
$('html, body').scrollTop(0).show()
jump()
}, 0);
} else {
$('html, body').show()
}
});
que estoy tratando de lograr algo similar a este ejemplo: http://vostrel.cz/so/9652944/page.html diferencia de que en lugar de el "identificador de anclaje" en este caso que aparece en ambas páginas, el id. de anclaje (contacto) para mí solo aparece en una página (inicio).