gui is now in el.example.panel

This commit is contained in:
Doug Fritz 2014-09-09 13:45:58 -07:00
parent ef33140f5b
commit 2f825b790e

View File

@ -17,9 +17,9 @@ function init() {
} }
// Sticky headers // Sticky headers
// ------------------------------- // -------------------------------
function sticky( elements ) { function sticky( elements ) {
@ -54,7 +54,7 @@ function sticky( elements ) {
function resize() { function resize() {
for ( var i = 0, l = elements.length; i < l; i++ ) { for ( var i = 0, l = elements.length; i < l; i++ ) {
measure( elements[ i ] ); measure( elements[ i ] );
} }
@ -64,13 +64,13 @@ function sticky( elements ) {
function onScroll() { function onScroll() {
for ( var el, i = 0, l = elements.length; i < l; i++ ) { for ( var el, i = 0, l = elements.length; i < l; i++ ) {
el = elements[ i ]; el = elements[ i ];
var sticky = window.scrollY > el.top && window.scrollY <= el.next.top; var sticky = window.scrollY > el.top && window.scrollY <= el.next.top;
el.sticky.style.visibility = sticky ? 'visible' : 'hidden'; el.sticky.style.visibility = sticky ? 'visible' : 'hidden';
el.example.classList.toggle( 'sticky', sticky || el.bumped ); el.example.panel.classList.toggle( 'sticky', sticky || el.bumped );
if ( el.next ) el.next.bumped = false; if ( el.next ) el.next.bumped = false;
@ -86,8 +86,8 @@ function sticky( elements ) {
if ( bumped ) { if ( bumped ) {
el.example.classList.remove( 'sticky' ); el.example.panel.classList.remove( 'sticky' );
el.next.example.classList.add( 'sticky' ); el.next.example.panel.classList.add( 'sticky' );
el.next.bumped = true; el.next.bumped = true;
} }
@ -102,7 +102,7 @@ function sticky( elements ) {
// should debounce // should debounce
window.addEventListener( 'resize', function() { window.addEventListener( 'resize', function() {
resize(); resize();
onScroll(); onScroll();
@ -114,22 +114,22 @@ function sticky( elements ) {
// Smooth scroll // Smooth scroll
(function() { ( function() {
var body = document.body, timer; var body = document.body, timer;
window.addEventListener('scroll', function() { window.addEventListener( 'scroll', function() {
clearTimeout( timer ); clearTimeout( timer );
if ( !body.classList.contains('disable-hover') ) { if ( !body.classList.contains( 'disable-hover' ) ) {
body.classList.add('disable-hover') body.classList.add( 'disable-hover' )
} }
timer = setTimeout(function() { timer = setTimeout( function() {
body.classList.remove('disable-hover') body.classList.remove( 'disable-hover' )
}, 150); }, 150 );
}, false); }, false );
})(); } )();