滚动至使用纯JAVASCRIPT而不使用（jquery）的网站的顶部链接

我想正常的网站滚动到顶部

滚动到顶部链接出现在页面底部（靠近页脚），只有在鼠标向下滚动200px后才可见，当滚动回顶部时应隐藏该链接。没有

JQUERY

这是你的电话号码

在本演示中，“返回顶部”已经位于底部。有什么方法可以显示我上面提到的修复的顶部链接吗？

以下是答案

HTML

<a id="scroll_to_top_id"></a>

纯JAVASCRIPT（无JQUERY）

/*
*滚动到顶部
*/
var your_header=document.getElementById（'header_id'），
scroll_to_top=document.getElementById（'scroll_to_top_id'）；
window.onscroll=功能（ev）{
var scrollTop=window.pageYOffset | | document.body.scrollTop；
如果（scrollTop>your_header.offsetHeight+100）{
滚动_至_top.style.display='block'；
}
否则{
滚动_至_top.style.display='none'；
}
};
滚动到\u top.onclick=function（）{
滚动到（document.body，0，100）；
}
/*
*滚动至车身顶部
*要素、位置和持续时间
*/
函数滚动到（元素、到、持续时间）{
如果（持续时间<0）返回；
var差异=到-element.scrollTop；
var perTick=差异/持续时间*2；
setTimeout（函数（）{
element.scrollTop=element.scrollTop+perTick；
滚动到（元素，到，持续时间-2）；
}, 10);
}

如果您希望它尽可能简单，只需使用：

<a href="#" onClick="window.scrollTo(0,0)">

这将滚动到站点顶部。

对于这种情况，请留下一个很棒的解决方案，我们现在可以使用以下示例：

const el = document.getElementById('the-scroll-box');

el.scrollTo({
  top: 0,
  left: 0,
  behavior: 'smooth', // or can get `auto` variable
});

---

行为

如果有

平滑

值，滚动运动是平滑的，如果有

自动

值，运动在一次跳跃中发生。

我认为这个答案将帮助您：

<a href="#" onClick="window.scrollTo(0,0)">

const el = document.getElementById('the-scroll-box');

el.scrollTo({
  top: 0,
  left: 0,
  behavior: 'smooth', // or can get `auto` variable
});