Git/hugo-theme-wondermod
1
0
Fork 0
mirror of https://github.com/Wonderfall/hugo-WonderMod.git synced 2025-10-30 19:35:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

footer: change scroll behaviour as it was before 80954de

Browse Source 
fixes #151

anchored-headings: retain anchor link '#' in URL
cc #108

footer: remove '#' with go-to-top

Revert "anchored-headings: retain anchor link '#' in URL"
This reverts commit 80954de8bd.

Revert "footer: rm unused code"
This reverts commit c76233b350.
This commit is contained in:
Aditya Telange
2020-12-24 12:47:42 +05:30
parent 7c53c14c85
commit 0f994eee95
3 changed files with 24 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
layouts/partials/footer.html
View File

@@ -9,10 +9,14 @@
<span>&middot;</span>
<span>Theme <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a></span>
</footer>
<button class="top-link" id="top-link" type="button" aria-label="go to top" title="Go to Top (Alt + G)" accesskey="g">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6">
<path d="M12 6H0l6-6z" /></svg>
</button>
<a href="#top">
<button class="top-link" id="top-link" type="button" aria-label="go to top" title="Go to Top (Alt + G)"
accesskey="g">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6">
<path d="M12 6H0l6-6z" />
</svg>
</button>
</a>
{{- partial "extend_footer.html" . -}}
{{ if (and (in site.Params.mainSections .Type) (ne .Layout `archives`) (ne .Layout `search`)) }}
{{- if not .Site.Params.assets.disableFingerprinting }}
@@ -30,6 +34,20 @@
document.getElementById('menu').scrollLeft = localStorage.getItem("menu-scroll-position");
}
}
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener("click", function (e) {
e.preventDefault();
var id = this.getAttribute("href").substr(1);
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
behavior: "smooth"
});
if (id === "top") {
history.replaceState(null, null, " ");
} else {
history.replaceState(null, null, `#${id}`);
}
});
});
var mybutton = document.getElementById("top-link");
window.onscroll = function () {
if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
@@ -40,11 +58,6 @@
mybutton.style.opacity = "0";
}
};
mybutton.onclick = function () {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
window.location.hash = ''
}
function menu_on_scroll() {
localStorage.setItem("menu-scroll-position", document.getElementById('menu').scrollLeft);