yann/hugo-scroll
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix button and add hash to URL

Browse source
This commit is contained in:
Jesper Kolbeck 2021-12-10 15:28:52 +01:00
parent 4ea916f8b8
commit 74bdc30f2b
2 changed files with 11 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
layouts/index.html
View file

@ -14,7 +14,7 @@
{{ with .Params.Name }}
{{ $button_title = . }}
{{ end }}
<a class='btn site-menu' data-title-anchor='{{ anchorize $button_title }}'>{{ $button_title }}</a>
<a class='btn site-menu' data-title-anchor='{{ anchorize .Title }}'>{{ $button_title }}</a>
{{ end }}
<i id='header-arrow' class="fa fa-angle-down"></i>
</div>

22
static/js/index.js
View file

@ -13,12 +13,15 @@ var $sitehead = $("#site-head");
/* Globals jQuery, document */
(function ($) {
"use strict";
function srcTo(el) {
function srcTo(el, dur = 1000) {
$("html, body").animate(
{
scrollTop: el.offset().top,
},
1000
dur,
function() {
window.location.hash = el.attr("id");
}
);
}
function srcToAnchorWithTitle(str) {
@ -51,19 +54,14 @@ var $sitehead = $("#site-head");
$(".post-title").each(function () {
var t = $(this).data("fnav-title");
var index = $(this).parents(".post-holder").index();
var postId = $(this).closest("article.post").attr('id');
$fnav.append(
"<a class='fn-item' item_index='" + index + "'>" + t + "</a>"
"<a class='fn-item' item_index='" + index + "' data-post-id='" + postId + "'>" + t + "</a>"
);
$(".fn-item").click(function () {
var i = $(this).attr("item_index");
var s = $(".post[item_index='" + i + "']");
$("html, body").animate(
{
scrollTop: s.offset().top,
},
400
);
var postId = $(this).data("post-id");
var s = $("#" + postId);
srcTo(s, 400);
});
});