sublime 页面底部返回顶部的代码
时间: 2024-03-06 08:51:07 浏览: 94
Sublime Text 编辑器本身没有返回顶部的功能,但你可以通过在 HTML 页面中添加一些代码实现该功能。以下是一个简单的示例:
```html
<a href="#" id="back-to-top" title="返回顶部">^</a>
<script>
// 返回顶部按钮的显示和隐藏
$(window).scroll(function() {
if ($(this).scrollTop() > 100) {
$('#back-to-top').fadeIn();
} else {
$('#back-to-top').fadeOut();
}
});
// 返回顶部按钮的点击事件
$('#back-to-top').click(function() {
$('body,html').animate({
scrollTop: 0
}, 500);
return false;
});
</script>
```
这段代码使用 jQuery 库来实现返回顶部的功能。当页面滚动超过 100 像素时,会自动显示一个“返回顶部”的按钮。当点击该按钮时,页面会以动画的方式返回到顶部。
你需要将这段代码添加到你网页的 HTML 文件中,并将 jQuery 库的链接添加到 head 标签中,如下所示:
```html
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
```
希望这可以帮助你。
阅读全文