【作者：三個(gè)太陽(yáng) ｜ 來(lái)源：本站 ｜ 瀏覽：7190 ｜ 更新時(shí)間：2013-08-25 ｜ ECSHOP適用版本：所有 】

在百度或者ECSHOP論壇里，看了很多“返回頂部”或者“回到頂部”的代碼，很多都動(dòng)用了JS代碼，導(dǎo)致很多新手朋友實(shí)踐起來(lái)有些難度。

下面本站為您提供的這個(gè)“ECSHOP返回頂部的代碼”，是用純CSS實(shí)現(xiàn)的，實(shí)現(xiàn)起來(lái)超級(jí)簡(jiǎn)單。

效果圖如下：





看到了吧，這個(gè)“回頂部”的小按鈕永遠(yuǎn)漂浮在窗口的右下角。

實(shí)現(xiàn)方法：


修改  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./images/gotop.gif" width="20" height="59" /></a>

經(jīng)測(cè)試  完美兼容各大瀏覽器。