scroll到顶缓冲
时间: 2024-05-19 18:10:30 浏览: 65
scrollUp - jQuery滚动到顶部插件演示
当页面滚动到顶部时,通过添加或删除显示类来改变导航栏的显示状态。在jQuery中,可以使用以下代码实现:
```javascript
$(document).scroll(function() {
var scrollY = $(document).scrollTop(); // 获取垂直滚动的距离
if (scrollY > winHeight) {
// 如果滚动距离大于窗口高度,说明已经滚动到顶部
$(".top-title").removeClass("hidden"); // 移除隐藏类
} else {
// 否则,添加隐藏类
$(".top-title").addClass("hidden");
}
});
```
这段代码首先获取页面垂直滚动的距离,然后判断是否滚动到顶部。如果滚动到顶部,就移除`hidden`类,使导航栏显示;否则,添加`hidden`类,使导航栏隐藏。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
阅读全文