返回顶部

当下注重用户体验度的网站几乎都加了个“返回顶部”的功能,闲来无事也研究了一下,最终将“返回顶部”功能可总结为一句代码实现,下面就是实现方法,读者可以根据自己的需要增加一些个性化的修饰。

<div style="position:fixed;bottom:20px;right:20px;border:solid 1px #ccc;cursor:pointer;" onclick="$('body,html').animate({scrollTop:0},911);">返<br />回<br />顶<br />部</div>

返回顶部。您可能感兴趣的文章

  • 返回顶部。由于其配置信息(注册表中的)不完整或已损坏,Windows
    无法启动这个硬件设备。 (代码 19)解决办法
  • 返回顶部。返回顶部。返回顶部。随滚动条滑动而滑动的DIV层(固定在网页顶部不随浏览滚动而消失的DIV层)
  • 运行代码预览代码,代码另存为,复制代码功能的实现
  • js获取滚动条距离浏览器顶部,底部的高度,兼容ie和firefox
  • js 实现页面打印功能
  • jquery 实现全选,反选,全不选等功能
  • php获取某段时间内每个月的方法,返回由这些月份组成的数组
  • jquery实现随滚动条滚动而加载数据的功能

注意测试以上效果的时候记得必须先引入Jquery库文件哦!

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图