在百度或者ECSHOP論壇里,看了很多“返回頂部”或者“回到頂部”的代碼,很多都動用了JS代碼,導(dǎo)致很多新手朋友實踐起來有些難度。
下面本站為您提供的這個“
ECSHOP返回頂部的代碼”,是用純CSS實現(xiàn)的,實現(xiàn)起來超級簡單。
效果圖如下:
看到了吧,這個“回頂部”的小按鈕永遠漂浮在窗口的右下角。
實現(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=" |
經(jīng)測試 完美兼容各大瀏覽器。