This source code is for the Geneis HTML5 "Return to Top" Tutorial article. In the original article, I included screen prints of the source and links to another site that has now become a paid membership site. This source code below is the complete and will provide the Return to Top scrolling for Genesis HTML5 themes.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | //* Copy this to the bottom of functions.php //* Create a shortcode to display our custom Go to top link add_shortcode('footer_custombacktotop', 'set_footer_custombacktotop'); function set_footer_custombacktotop($atts) { return '<a href="#" class="top">Return to top of page</a>'; } //* Add smooth scrolling for any link having the class of "top" add_action('wp_footer', 'go_to_top'); function go_to_top() { ?> <script> jQuery(function($) { $('a.top').click(function() { $('html, body').animate({scrollTop:0}, 'slow'); return false; }); }); </script> <?php } |
Bob K
June 24, 2016 at 8:08 pmI pasted the code into Dynamic Custom Functions and it would not save. Looked at Cobalt forums and indicated it is not saving is because of “Some malformed PHP in your functions?”
This code used to work just fine on other sites but not when I’m building a new one.
Any ideas?
Victor M. Font Jr.
June 24, 2016 at 9:07 pmThis has worked on every Genesis site I’ve ever used it on without issue. I suspect that there’s something going on with Dynamic Custom Functions not writing the jQuery properly. You put the jQuery script in the Genesis/Theme Settings/Footer Script area. Then just add the shortcode to the Dynamic Custom Functions.