找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2695|回复: 0

[分享] ecshop返回顶部的代码 纯CSS超简单

[复制链接]
发表于 2013-4-24 16:03:53 | 显示全部楼层 |阅读模式 来自 中国–北京–北京
这个“ ECSHOP返回顶部的代码”,是用纯CSS实现的,实现起来超级简单。

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

实现方法:


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

在最末尾加入以下代码即可
1
<style>

[backcolor=rgb(248, 248, 248) !important]
2
.to_top{width:20px;height:59px;right:40px;position:fixed;bottom:50px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-134))}

3
</style>

[backcolor=rgb(248, 248, 248) !important]
4
<a href="#" class="to_top" title="返回顶部"><img src="http://www.ecshop120.com/images/gotop.gif" width="20" height="59" /></a>



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

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-21 23:27 , Processed in 0.045318 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表