add:新增一个中文官网返回顶部的功能
This commit is contained in:
@@ -88,4 +88,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</footer>
|
||||
<div class="backtop">
|
||||
<img src="__IMAGES__/ic-backtop.png" class="ictop"/>
|
||||
<span>返回顶部</span>
|
||||
</div>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
// 获取窗口高度
|
||||
var windowHeight = $(window).height();
|
||||
// 监听滚动事件
|
||||
$(window).scroll(function() {
|
||||
console.log($(this).scrollTop(),windowHeight)
|
||||
// 检查滚动距离是否超过一屏幕高度
|
||||
if ($(this).scrollTop() > windowHeight) {
|
||||
// 如果超过,显示返回顶部按钮
|
||||
$('.backtop').fadeIn(300);
|
||||
} else {
|
||||
// 如果未超过,隐藏返回顶部按钮
|
||||
$('.backtop').fadeOut(300);
|
||||
}
|
||||
});
|
||||
|
||||
// 点击返回顶部按钮时的事件处理
|
||||
$('.backtop').click(function() {
|
||||
// 平滑滚动到页面顶部
|
||||
$('html, body').animate({
|
||||
scrollTop: 0
|
||||
}, 800);
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user