帝国论坛帝国网站管理系统交流区模板/标签/插件共享交流小插件 (仿淘宝精简) 越屏显示返回顶部代码!适合内容多的站点 【本版专题贴子】  
 2/2    |‹ ‹‹ 1 2
主题:小插件 (仿淘宝精简) 越屏显示返回顶部代码!适合内容多的站点 [加入收藏夹]   

antway
用户头衔:书生

精华贴   :0
发贴数   :51
经验值   :276
注册时间:2010-04-15
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 11 楼]

为啥在chrome中无法显示




2014-08-21 13:39:52 已设置保密 顶部 回复 引用 报告 编辑 删除

antway
用户头衔:书生

精华贴   :0
发贴数   :51
经验值   :276
注册时间:2010-04-15
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 12 楼]

网上搜索了大半天,找到原因了,原来是chrome不支持document.documentElement.scrollTop,它只支持document.body.scrollTop;但IE只支持前者,不支持后者。
为了兼容所有浏览器,把原来的“var scrollTop = document.documentElement.scrollTop;”替换为以下代码:
var scrollTop;  
    if (document.documentElement && document.documentElement.scrollTop)
    scrollTop = document.documentElement.scrollTop;   
    else if (document.body)
    scrollTop = document.body.scrollTop;

另外CSS里边,将原来的“right:50px”改为:left:50%;margn-left:一个适当的数值;这样可以不受分辨率影响,更精确地控制一个水平位置。




2014-08-21 19:50:07 已设置保密 顶部 回复 引用 报告 编辑 删除

feier
用户头衔:探花

精华贴   :0
发贴数   :6840
经验值   :21341
注册时间:2008-07-31
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 13 楼]

支持楼上




2014-08-22 08:47:16 已设置保密 顶部 回复 引用 报告 编辑 删除

antway
用户头衔:书生

精华贴   :0
发贴数   :51
经验值   :276
注册时间:2010-04-15
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 14 楼]

又找到一种更简便的方法来兼容IE/FF/chrome:
var scrollTop = document.documentElement.scrollTop + document.body.scrollTop;




2014-08-22 17:50:10 已设置保密 顶部 回复 引用 报告 编辑 删除

luoto
用户头衔:探花

精华贴   :0
发贴数   :5908
经验值   :17776
注册时间:2008-11-08
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 15 楼]

支持




2014-08-23 07:47:06 已设置保密 顶部 回复 引用 报告 编辑 删除

mozart1314
用户头衔:举人

精华贴   :0
发贴数   :163
经验值   :668
注册时间:2015-04-20
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 16 楼]

原帖由 fansxiao 于 2011-08-24 16:50:38 发表
压缩包有TOP.JS和TOP.PNG
TOP.PNG为显示的返回顶部图片 JS为控制显示移动

在需要的模板里加入
<SCRIPT language=javascr...


修改 相应的代码路径  在代码中没有看到路径的地方,哪个是改路径的地方




2015-04-26 07:56:20 已设置保密 顶部 回复 引用 报告 编辑 删除
 2/2    |‹ ‹‹ 1 2

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1