Javascript 用于折叠收割台的显示重置/显示按钮

我使用的是这里描述的折叠标题

我想通过以下功能对其进行增强： 当用户在标题上滚动内容区域时，我想显示一个“重置”按钮，将内容区域推回初始位置，并再次完全显示标题

---

我想至少对于重置，我必须使用

javascript

（或者CSS复选框技巧？）。“重置”按钮是否可以仅通过CSS显示，或者我是否必须使用

窗口.onScroll

来检测内容区域的滚动，并通过

javascript

自己显示按钮？

您可以在页面顶部创建一个id元素（即

），然后使用Javascript滚动到该元素

button.addEventListener('click', function() {
    window.location.hash = "#top";
});

---

查看SO问题。

无需javascript即可轻松滚动至顶部：

<div id="top">lorem ipsum</a>
<a href="#top">go to top</a>

window.onscroll = function(){
    console.log(document.body.scrollTop)
}

要根据用户的滚动次数显示“重置”按钮，您可能需要使用window.onscroll侦听器，然后检查scrollTop值 使用本机javascript：

<div id="top">lorem ipsum</a>
<a href="#top">go to top</a>

window.onscroll = function(){
    console.log(document.body.scrollTop)
}

使用jQuery

$(window).scroll(function (event) {
    console.log($(window).scrollTop());
});