使用框架实现返回顶部
使用框架实现。所用图片:
1、尝试滚动此页面到底部即可出现go2top按钮2、go2 top-内部暂未使用HTMLJS。定义:
复制代码代码如下: a id=' go2 top ' class=' go2 top ' href=' # header ' span class=' go2 top-inner '/span/JavaScript type=' text/JavaScript ' $(function(){ $(' # go2 top ')).单击(function(){ $('html,body ').动画({scrollTop:0},200);返回false });$(窗口)。scroll(function(){ var obj=$(' # go2 top ');如果。偏移量()。前900名){ obj。show();} else { obj。hide();} });});/script
半铸钢钢性铸铁(铸造半钢)定义
复制代码代码如下:go2 top {背景: URL(' http://图像。cnitblog。com/blog/84698/201303/28125209-67653841 b 1114531 a 1e 6 db 63315d 63。png ')无重复滚动左上方透明;bottom : 65 pxcolor : # 44444 display :无;高度: 50px边距-左侧: 510像素;位置:固定;右: 160像素文本对齐:中心;宽度: 50px} .go2 top :悬停{背景-位置:-50px top;}
试试看,是不是有了返回顶部了,非常方便实用的功能,希望大家能够喜欢。
版权声明:使用框架实现返回顶部是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。