Lo que quiero hacer es un menu fixed. Cuando clickeo en el menu se active el slider. Pero no entiendo este codigo:
function funcion(){
var page = document.getElementById('page');
var sections = page.getElementsByTagName('section');
// This transition can be defined in the CSS if preferred.
var transition = 'top .8s cubic-bezier(0.77, 0, 0.175, 1)';
page.style.transition = transition;
page.onclick = slideDown;
//document.getElementsByClassName("")
function slideDown(e) {
// Delegate.
if (e.target.className != 'next') {
return;
}
// Prevent firing simultaneously.
page.onclick = '';
self = e.target.parentNode; // Devuelve el elemento <section>.
var offset = self.getBoundingClientRect(); // Devuelve tamñano y posicion relativa a la ventana.
var scroll = self.offsetTop; // La distancia desde la parte superior de <section> con su padre (<div id=page>).
// CSS Transition slide.
page.style.top = (-offset.height-offset.top) + 'px'; // La altura del elemento (-offset) menos la parte mas alta de la pagina.
setTimeout(function () {
// Reposition the real scrollbar.
page.style.transition = 'none';
page.style.top = '';
window.scrollTo(0, offset.height+scroll);
page.style.transition = transition;
// Reattach event.
page.onclick = slideDown;
// This timeout length should match the CSS animation time (.8s).
}, 800);
}
}