css 顶部按钮 - la点击se duce page up。
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 顶部按钮 - la点击se duce page up。相关的知识,希望对你有一定的参考价值。
<script>
$(document).ready(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').click(function () {
$("html, body").animate({
scrollTop: 0
}, 600);
return false;
});
});
</script>
<a href="#" class="scrollup">Scroll</a>
.scrollup {
z-index: 99;
width: 50px;
height: 50px;
position: fixed;
bottom: 5px;
right: 5px;
display: none;
text-indent: -9999px;
background: url('http://lptemplates.rs.ro/template.14x0044/images/top.png');
}
以上是关于css 顶部按钮 - la点击se duce page up。的主要内容,如果未能解决你的问题,请参考以下文章
点击回到顶部的按钮
Vue中点击按钮回到顶部(滚动效果)
html css JS 怎么设计点击回顶部效果?
Appcelerator Titanium + iOS + webview - 更改触摸/点击按钮的 CSS
回到顶部
怎样判断jQuery 元素是不是显示与隐藏