当访问者单击锚点时,我正在尝试构建滚动动画部分。您可能会注意到变量“id”将显示 #1,这将匹配部分本身的 id 值。我怎样才能将滚动动画添加到这个 javascript 中?
var section = document.getElementsByTagName("section"),
nav = document.getElementById("nav-bar"),
navHeight = nav.offsetHeight,
navAnchor = nav.querySelectorAll("li a");
for (var i = 0; i < navAnchor.length; i++) {
var element = navAnchor[i];
element.addEventListener("click", function(e) {
e.preventDefault();
var el = this,
id = el.getAttribute("href");
function scrollTo(element, to, duration) {
var element = element,
to = section + id;
console.log(id);
if (duration <= 0) {
return;
}
var difference = to - element.scrollTop;
var perTick = difference / duration * …Run Code Online (Sandbox Code Playgroud)javascript ×1