数码资讯
jQuery结合CSS简单地返回到顶部效果
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
CSS:
复制代码代码如下所示:
{。backtotop
显示:无;
宽度:18px;
线高度:1.2;
填料:5px 0;
背景颜色:# 000;
颜色:# FFF;
字体大小:12px;
文本对齐:中心;
位置:固定;
_position:绝对;
右:10px;
底部:100px;
_bottom:自动;
光标:指针;
不透明性:6;
滤镜:alpha(不透明度= 60);
}
jQuery代码
复制代码代码如下所示:
(函数(){())
VaR backtotoptxt美元=返回顶部
。文本($ backtotoptxt)。Attr(标题
$(HTML、体)。动画({ 0 },scrollTop:120);
}),backtotopfun美元=函数(){)
var st = $(document)。ScrollTop(),总结了= $(窗口)Height();
(ST > 0)backtotopele.show美元(美元):backtotopele.hide();
/ / IE6下的位置
如果(!窗口。XMLHttpRequest){
backtotopele.css美元(顶
}
};
$(窗口)Bind(滚动
(function(){ $(){ $ backtotopfun();});})();
复制代码代码如下所示:
{。backtotop
显示:无;
宽度:18px;
线高度:1.2;
填料:5px 0;
背景颜色:# 000;
颜色:# FFF;
字体大小:12px;
文本对齐:中心;
位置:固定;
_position:绝对;
右:10px;
底部:100px;
_bottom:自动;
光标:指针;
不透明性:6;
滤镜:alpha(不透明度= 60);
}
jQuery代码
复制代码代码如下所示:
(函数(){())
VaR backtotoptxt美元=返回顶部
。文本($ backtotoptxt)。Attr(标题
$(HTML、体)。动画({ 0 },scrollTop:120);
}),backtotopfun美元=函数(){)
var st = $(document)。ScrollTop(),总结了= $(窗口)Height();
(ST > 0)backtotopele.show美元(美元):backtotopele.hide();
/ / IE6下的位置
如果(!窗口。XMLHttpRequest){
backtotopele.css美元(顶
}
};
$(窗口)Bind(滚动
(function(){ $(){ $ backtotopfun();});})();
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。