From: Laury GvR Date: Thu, 5 Nov 2015 15:06:42 +0000 (-0500) Subject: Making footer nav always stay at bottom of screen, rather than jump to position. X-Git-Tag: V1.0.0^2~35 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=767d870016d530375645d585aefbc7d9ca73524f;p=WP-Themes%2FGovernmentEmmet.git Making footer nav always stay at bottom of screen, rather than jump to position. --- diff --git a/css/app.css b/css/app.css index 0c184c9..92aa3db 100644 --- a/css/app.css +++ b/css/app.css @@ -6855,7 +6855,7 @@ footer { background-color: #0099cc; } #copyright { - padding: 20px 10px; + padding: 20px 10px 50px; margin: 0 auto; float: none; } #copyright p { diff --git a/js/app.js b/js/app.js index c5a3aa8..e005744 100644 --- a/js/app.js +++ b/js/app.js @@ -19,47 +19,48 @@ $(document).ready(function () { }); }); ; -// Set footer position on scroll -$(window).on('scroll', function () { - if ($(window).width() > 640) { - setTimeout(function(){ // Slight delay to avoid a jumpy transition - $('#connect').css({'position' : get_footer_position}); - }, 200); - } -}); +//// Set footer position on scroll +//$(window).on('scroll', function () { +// if ($(window).width() > 640) { +// setTimeout(function(){ // Slight delay to avoid a jumpy transition +// $('#connect').css({'position' : get_footer_position}); +// }, 200); +// } +//}); // Set footer position on load -$(function() { - var position = get_footer_position(); - $('#connect').css({'position' : position}); -}); - -function get_footer_position() { - if ($(window).width() < 640) { - $("#connect").css('padding-bottom','53px'); - return 'relative'; - } - var footer = $("#copyright"); - var height_of_footer = footer.height() + -50; - var top_of_footer = footer.position().top; - // Account for fixed header and padding on the sticky-footer container - var fixed_header_height = $('.top-bar-container').height() - 20; - - var top = $(window).scrollTop(); - var bottom = top + $(window).height() - fixed_header_height; - - if (top_of_footer < $(window).height()) { - $("#connect").css('padding-bottom','53px'); - return 'fixed'; - } - else if (bottom >= top_of_footer) { - $("#connect").css('padding-bottom','53px'); - return 'relative'; - } - else if (bottom <= top_of_footer) { - $("#connect").css('padding-bottom','0'); - return 'fixed'; - } +//$(function() { +// var position = get_footer_position(); +// $('#connect').css({'position' : position}); +//}); +// +//function get_footer_position() { +// return 'fixed'; +// if ($(window).width() < 640) { +// $("#connect").css('padding-bottom','53px'); +// return 'relative'; +// } +// var footer = $("#copyright"); +// var height_of_footer = footer.height() + -50; +// var top_of_footer = footer.position().top; +// // Account for fixed header and padding on the sticky-footer container +// var fixed_header_height = $('.top-bar-container').height() - 20; +// +// var top = $(window).scrollTop(); +// var bottom = top + $(window).height() - fixed_header_height; +// +// if (top_of_footer < $(window).height()) { +// $("#connect").css('padding-bottom','53px'); +// return 'fixed'; +// } +// else if (bottom >= top_of_footer) { +// $("#connect").css('padding-bottom','53px'); +// return 'relative'; +// } +// else if (bottom <= top_of_footer) { +// $("#connect").css('padding-bottom','0'); +// return 'fixed'; +// } // function remove_the_arrow() { // $('.sticky-footer-wrapper-class:after').css('border-width', '0'); diff --git a/js/custom/sticky-footer.js b/js/custom/sticky-footer.js index 1b0907f..42a58f3 100644 --- a/js/custom/sticky-footer.js +++ b/js/custom/sticky-footer.js @@ -1,45 +1,46 @@ -// Set footer position on scroll -$(window).on('scroll', function () { - if ($(window).width() > 640) { - setTimeout(function(){ // Slight delay to avoid a jumpy transition - $('#connect').css({'position' : get_footer_position}); - }, 200); - } -}); +//// Set footer position on scroll +//$(window).on('scroll', function () { +// if ($(window).width() > 640) { +// setTimeout(function(){ // Slight delay to avoid a jumpy transition +// $('#connect').css({'position' : get_footer_position}); +// }, 200); +// } +//}); // Set footer position on load -$(function() { - var position = get_footer_position(); - $('#connect').css({'position' : position}); -}); - -function get_footer_position() { - if ($(window).width() < 640) { - $("#connect").css('padding-bottom','53px'); - return 'relative'; - } - var footer = $("#copyright"); - var height_of_footer = footer.height() + -50; - var top_of_footer = footer.position().top; - // Account for fixed header and padding on the sticky-footer container - var fixed_header_height = $('.top-bar-container').height() - 20; - - var top = $(window).scrollTop(); - var bottom = top + $(window).height() - fixed_header_height; - - if (top_of_footer < $(window).height()) { - $("#connect").css('padding-bottom','53px'); - return 'fixed'; - } - else if (bottom >= top_of_footer) { - $("#connect").css('padding-bottom','53px'); - return 'relative'; - } - else if (bottom <= top_of_footer) { - $("#connect").css('padding-bottom','0'); - return 'fixed'; - } +//$(function() { +// var position = get_footer_position(); +// $('#connect').css({'position' : position}); +//}); +// +//function get_footer_position() { +// return 'fixed'; +// if ($(window).width() < 640) { +// $("#connect").css('padding-bottom','53px'); +// return 'relative'; +// } +// var footer = $("#copyright"); +// var height_of_footer = footer.height() + -50; +// var top_of_footer = footer.position().top; +// // Account for fixed header and padding on the sticky-footer container +// var fixed_header_height = $('.top-bar-container').height() - 20; +// +// var top = $(window).scrollTop(); +// var bottom = top + $(window).height() - fixed_header_height; +// +// if (top_of_footer < $(window).height()) { +// $("#connect").css('padding-bottom','53px'); +// return 'fixed'; +// } +// else if (bottom >= top_of_footer) { +// $("#connect").css('padding-bottom','53px'); +// return 'relative'; +// } +// else if (bottom <= top_of_footer) { +// $("#connect").css('padding-bottom','0'); +// return 'fixed'; +// } // function remove_the_arrow() { // $('.sticky-footer-wrapper-class:after').css('border-width', '0'); diff --git a/scss/_structure.scss b/scss/_structure.scss index 7eff019..673cbcd 100644 --- a/scss/_structure.scss +++ b/scss/_structure.scss @@ -1206,7 +1206,7 @@ footer { //12. Copyright #copyright { - padding: 20px 10px; + padding: 20px 10px 50px; margin: 0 auto; float: none; p {