ECSHOP返回顶部的代码纯CSS超简单

来自版块: 站长杂谈发表于: 2015-8-8 23:27:02

28820

在百度或者ECSHOP论坛里，看了很多“返回顶部”或者“回到顶部”的代码，很多都动用了JS代码，导致很多新手朋友实践起来有些难度。

下面本站为您提供的这个“ECSHOP返回顶部的代码”，是用纯CSS实现的，实现起来超级简单。

效果图如下：

看到了吧，这个“回顶部”的小按钮永远漂浮在窗口的右下角。

实现方法：

修改 themes/模板文件夹/library/page_footer.lbi 文件

在最末尾加入以下代码即可

<style>, Y" ]' C$ X% j& X9 r
.to_top{width:20px;height:59px;right:40px;position:fixed;bottom:50px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-134))}
7 H# F {( u, g6 n2 z. G1 i
</style>
9 ]" i3 A) B+ M6 A& n( F4 J
<a href="#" class="to_top" title="返回顶部"><img src="http://www.ecshop120.com/images/gotop.gif" width="20" height="59" /></a>

复制代码

经测试完美兼容各大浏览器。

全部评论 0

返回版块

		自动登录	找回密码
密码			立即注册