是否可以使用平滑滚动来锚定链接,但是without jQuery
?我正在创建一个新网站,但我不想使用jQuery
.
扩展这个答案:https://stackoverflow.com/a/8918062/3851798
定义scrollTo函数后,您可以在函数中传递要scrollTo的元素。
function scrollTo(element, to, duration) {
if (duration <= 0) return;
var difference = to - element.scrollTop;
var perTick = difference / duration * 10;
setTimeout(function() {
element.scrollTop = element.scrollTop + perTick;
if (element.scrollTop === to) return;
scrollTo(element, to, duration - 10);
}, 10);
}
如果你有一个 id="footer" 的 div
<div id="footer" class="categories">…</div>
在您运行滚动的脚本中,您可以运行它,
elmnt = document.getElementById("footer");
scrollTo(document.body, elmnt.offsetTop, 600);
现在你就得到了它。无需 jQuery 即可平滑滚动。实际上,您可以在浏览器的控制台上使用该代码,并根据您的喜好对其进行微调。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)