当前位置:首页 > 营销百科 > 详情

独立手机站20150130更新:返回顶部不兼容问题的解决

发布时间:2015-01-30   浏览次数:151次   作者:未知    标签:郑州seo 郑州seo推广 郑州网站推广
今天主要的更新是解决了首页返回顶部不兼容的问题。修改的文件有以下几个:

一、/css/style.css 中95~95行

[code] #goTopBtn {
POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto
}[/code]
修改为
[code]

#goTopBtn {
POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT:
30px; WIDTH: 30px; BOTTOM: 55px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer;
RIGHT: 0px; _position: absolute; _right: auto
}

[/code]
实际上只是修改了BOTTOM,把原来的35px修改为55px;防止底部条遮挡到返回按钮。

二、修改了/js/fanhui.js 将整个文件修改为:
[code]

//返回头部goTopEx()
function goTopEx() {
var obj =
document.getElementById("goTopBtn");


function getScrollTop() {
return
document.documentElement.scrollTop +
document.body.scrollTop;
}


function setScrollTop(value) {
if
(document.documentElement.scrollTop)
{
document.documentElement.scrollTop =
value;
} else
{
document.body.scrollTop =
value;
}
}
window.onscroll =
function() {
getScrollTop() > 0 ? obj.style.display = ""
: obj.style.display = "none";
}
obj.onclick =
function() {
var goTop = setInterval(scrollMove, 10);


function scrollMove()
{
setScrollTop(getScrollTop() /
1.1);
if (getScrollTop() < 1)
clearInterval(goTop);
}
}
}

[/code]
可以在这里下载 : [attach]48[/attach]

暂时开发下载,以后更新需要是本站会员,因为考虑到以后会有一些程序片段不想让更多人知道。防止扩散程序在更好。申请金牌会员请联系QQ1615241386








本文作者:未知

十六年网站建设相关经验
一站式为您提供网站相关服务

欢迎扫码咨询

发表评论
请遵守网络文明公约,理性发言
访客头像

还没有人来评论,快来抢个沙发吧!