sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Twenty Thirteen: enable a JavaScript-based fix for long sidebar areas that overflow the footer. Props obenland, fixes #23557.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@23676 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2013-03-12 21:42:53 +00:00
parent 90d4a19ced
commit 297f1c0f20
1 changed files with 32 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
wp-content/themes/twentythirteen/js/functions.js
View File

@ -5,17 +5,40 @@
*/ */
( function( $ ) { ( function( $ ) {
/** var twentyThirteen = {
* Repositions the window on jump-to-anchor to account for /**
* navbar height. * Adds a top margin to the footer if the sidebar widget area is
*/ * higher than the rest of the page, to help the footer always
var twentyThirteenAdjustAnchor = function() { * visually clear the sidebar.
if ( window.location.hash ) */
window.scrollBy( 0, -49 ); adjustFooter : function() {
var sidebar = $( '#secondary .widget-area' ),
secondary = ( 0 == sidebar.length ) ? -40 : sidebar.height(),
margin = $( '#tertiary .widget-area' ).height() - $( '#content' ).height() - secondary;
if ( margin > 0 && window.innerWidth > 999 )
$( '#colophon' ).css( 'margin-top', margin + 'px' );
else
console.log( 'nothing' );
},
/**
* Repositions the window on jump-to-anchor to account for navbar
* height.
*/
adjustAnchor : function() {
if ( window.location.hash )
window.scrollBy( 0, -49 );
}
}; };
$( document ).on( 'ready', twentyThirteenAdjustAnchor ); $( document ).on( 'ready', function() {
$( window ).on( 'hashchange', twentyThirteenAdjustAnchor ); twentyThirteen.adjustAnchor();
if ( body.is( '.sidebar' ) )
twentyThirteen.adjustFooter();
} );
$( window ).on( 'hashchange', twentyThirteen.adjustAnchor );
/** /**
* Displays the fixed navbar based on screen position. * Displays the fixed navbar based on screen position.