欢迎光临黑马视觉品牌官网,开启你的互联网营销之旅!
新闻中心 网络推广 网站建设 优化推广

点击按钮,回到页面顶部

时间:2019-10-24   来源:网站建设

scrollTop:scrollTop属性表示被隐藏在内容区域上方的像素数。元素未滚动时,scrollTop的值为0,如果元素被垂直滚动了,scrollTop的值大于0,且表示元素上方不可见内容的像素宽度

由于scrollTop是可写的,可以利用scrollTop来实现回到顶部的功能
<body style="height:2000px;">
<button id="test" style="position:fixed;right:0;bottom:0">回到顶部</button>
<script>
test.onclick = function(){
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
</script>
</body>


本文标签:
新闻推荐
坪地高端品牌网站开发哪个公司好
坪地高端品牌网站开发哪个公司好

坪地高端品牌网站开发哪个公司好管理物业分布的福田保税区、盐田港保税物流园区、坪山新区,以及滨海新区和...

光明网站制作公司
光明网站制作公司

光明网站制作公司日常服务站正常运行;站备份,站数据,上传的,产品,图片等的发展;站系统,以确保安全和...

观澜企业网站建设哪个好
观澜企业网站建设哪个好

观澜企业网站建设哪个好页面设计不能偏离的原理是性。时代,发生了太多类似的情况。在许况下,页认识不足。...

光明手机网站开发哪家好
光明手机网站开发哪家好

光明手机网站开发哪家好在构建一种多语言的语言时,要求站的语言问题,但要确保文本的语法符合海外客户的阅...

在线沟通
点我即可
对话
15899750475
手机
微信扫一扫

编辑 装修 价格 托管 实力 流量 搜索引擎 服务器 标准 上线 业务

微信
Top