michaelh/hugo-academic-mirror
1
0
Fork 0
mirror of https://github.com/gcushen/hugo-academic.git synced 2025-07-26 03:00:50 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix smooth scrolling for Home and Back to Top links

Browse source
This commit is contained in:
George Cushen 2016-05-12 23:43:43 +01:00
commit 1e3879e5a7
3 changed files with 32 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

6
exampleSite/config.toml
View file

@ -1,6 +1,4 @@
# Website URL (e.g. http://www.example.com/)
baseurl = "/"
baseurl = "http://replace-this-with-your-website-url.com/"
title = "Academic Theme"
copyright = "© 2016 Your Name"
languageCode = "en-us"
@ -86,7 +84,7 @@ googleAnalytics = ""
[[menu.main]]
name = "Home"
url = "#"
url = "#top"
weight = 1
[[menu.main]]

2
layouts/partials/header.html
View file

@ -26,4 +26,4 @@
<title>{{ if not .IsHome }}{{ .Title }} | {{ end }}{{ .Site.Title }}</title>
</head>
<body>
<body id="top">

38
static/js/hugo-academic.js
View file

@ -9,11 +9,13 @@
* Add smooth scrolling to all links inside the main navbar.
* --------------------------------------------------------------------------- */
$("#navbar-main li.nav-item a").on('click', function(event){
$('#navbar-main li.nav-item a').on('click', function(event){
// Store requested URL hash.
var hash = this.hash;
if( hash && $(hash).length && ($("#homepage").length > 0)) {
// If we are on the homepage and the navigation bar link is to a homepage section.
if( hash && $(hash).length && ($("#homepage").length > 0)){
// Prevent default click behavior
event.preventDefault();
@ -25,18 +27,36 @@
scrollTop: $(hash).offset().top - navbarHeight
}, 800, function () {
// Add hash (#) to URL once finished scrolling to hash position
window.location.hash = hash;
if (hash == "#top"){
window.location.hash = ""
}else {
window.location.hash = hash;
}
});
}
});
/* ---------------------------------------------------------------------------
* Smooth scrolling for Back To Top link.
* --------------------------------------------------------------------------- */
$('#back_to_top').on('click', function(event){
event.preventDefault();
$('html, body').animate({
'scrollTop': 0
}, 800, function(){
window.location.hash = ""
});
});
/* ---------------------------------------------------------------------------
* Smooth scrolling for mouse wheel.
* --------------------------------------------------------------------------- */
function smoothScroll(scrollTime, scrollDistance){
if (navigator.userAgent.indexOf('Mac') != -1 || navigator.userAgent.indexOf('Firefox') > -1 || jQuery('body').hasClass('is-horizontal')) {
if (navigator.userAgent.indexOf('Mac') != -1 || navigator.userAgent.indexOf('Firefox') > -1 || jQuery('body').hasClass('is-horizontal')){
return;
}
@ -63,15 +83,15 @@
* Hide mobile collapsable menu on clicking a link.
* --------------------------------------------------------------------------- */
$(document).on('click','.navbar-collapse.in',function(e) {
if( $(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle' ) {
$(document).on('click','.navbar-collapse.in',function(e){
if( $(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle' ){
$(this).collapse('hide');
}
});
/* --------------------------------------------------------------------------------------------------------------------------
* On Window Load.
* ----------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
* On window load.
* --------------------------------------------------------------------------- */
$(window).load(function(){