求一段回顶部的JS代码 回顶部按钮固定在右下角
求一段回顶部的代码回顶部按钮固定在右下角,就像58同城的一样,当往下拉滚动条,回顶部按钮就固定在网页右下角。我想问的是怎么将那个按钮固定在右下角,我试了几种方法都不行,有...
求一段回顶部的代码 回顶部按钮固定在右下角,就像58同城的一样,当往下拉滚动条,回顶部按钮就固定在网页右下角。我想问的是怎么将那个按钮固定在右下角,我试了几种方法都不行,有些不兼容浏览器。
展开
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
</head>
<body>
<div style="width:960px; margin:0 auto; height:1000px;">网页内容</div>
<div id="div1">网页内容</div>
<script type="text/javascript">
//加入在线客服开始
document.writeln("<div id=\"divKF\" style=\"position:fixed;z-index:5000;_position:absolute; top:0px;left:0px;\">回到顶部</div>");
var divKF = document.getElementById("divKF");
//更新回到顶部位置
function KFLocation()
{
divKF.style.left = document.documentElement.clientWidth - divKF.offsetWidth + "px";
if(isIE6)
{
divKF.style.top = document.documentElement.scrollTop + document.documentElement.clientHeight - divKF.offsetHeight + "px";
}
else
{
divKF.style.top = document.documentElement.clientHeight - divKF.offsetHeight + "px";
}
}
function isAgent(s)
{
if(navigator.userAgent.indexOf(s) == -1)
return false;
else
return true;
}
var isIE6 = false;
if(isAgent("MSIE 6.0"))
{
isIE6 = true;
}
window.setInterval("KFLocation()",100);
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
</head>
<body>
<div style="width:960px; margin:0 auto; height:1000px;">网页内容</div>
<div id="div1">网页内容</div>
<script type="text/javascript">
//加入在线客服开始
document.writeln("<div id=\"divKF\" style=\"position:fixed;z-index:5000;_position:absolute; top:0px;left:0px;\">回到顶部</div>");
var divKF = document.getElementById("divKF");
//更新回到顶部位置
function KFLocation()
{
divKF.style.left = document.documentElement.clientWidth - divKF.offsetWidth + "px";
if(isIE6)
{
divKF.style.top = document.documentElement.scrollTop + document.documentElement.clientHeight - divKF.offsetHeight + "px";
}
else
{
divKF.style.top = document.documentElement.clientHeight - divKF.offsetHeight + "px";
}
}
function isAgent(s)
{
if(navigator.userAgent.indexOf(s) == -1)
return false;
else
return true;
}
var isIE6 = false;
if(isAgent("MSIE 6.0"))
{
isIE6 = true;
}
window.setInterval("KFLocation()",100);
</script>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询