Skip to content

Instantly share code, notes, and snippets.

@MariaJackson1
Last active August 8, 2022 20:51
Show Gist options
  • Select an option

  • Save MariaJackson1/8a33646c26de22702867f2930ccdefee to your computer and use it in GitHub Desktop.

Select an option

Save MariaJackson1/8a33646c26de22702867f2930ccdefee to your computer and use it in GitHub Desktop.
Anchor Tag
Add this to where you want to create an anchor:
<a name="learn-more"></a>
Make a button/link pointing to the anchor:
<a href="#learn-more">Learn More</a>
Add this to the wp_footer hook in GeneratePress
<script>
//Smooth Scroll – Use - 100 to add margin to top of section to give room to top nav
jQuery('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
|| location.hostname == this.hostname) {
var target = jQuery(this.hash);
target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
if (target.length) {
jQuery('html,body').animate({
scrollTop: target.offset().top - 60
}, 1000);
return false;
}
}
});
</script>
@MariaJackson1

Copy link
Copy Markdown
Author

screen shot 2017-12-13 at 11 11 12 am

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment