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

最新推荐文章于 2021-06-15 19:03:46 发布

weixin_34226182

最新推荐文章于 2021-06-15 19:03:46 发布

阅读量66

点赞数

原文链接：https://my.oschina.net/chen08054/blog/37468

版权

2019独角兽企业重金招聘Python工程师标准>>>

这个“ ECSHOP返回顶部的代码”，是用纯CSS实现的，实现起来超级简单。

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

实现方法：

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

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

<style>
.to_top{width:20px;height:59px;right:40px;position:fixed;bottom:50px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-134))}
</style>
<a href="#" class="to_top" title="返回顶部"><img src="http://www.ecshop120.com/images/gotop.gif" width="20" height="59" /></a>

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

转载于:https://my.oschina.net/chen08054/blog/37468