DW里DIV浮动导航问题！
发布网友
发布时间：2022-04-21 14:57
共4个回答
热心网友
时间：2022-07-12 22:43
我的代码可以达到你要的效果，其实就是对你的代码修改了一下：
在你提供的代码的基础上，最上面加上
<!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>
这点比较重要，可以防止IE浏览器进入怪异模式
把<style>里的#apDiv2里的position:fixed;改为position:absolute;
在<script>里加上下面js代码：
window.onscroll=function(){var t=document.documentElement.scrollTop||document.body.scrollTop;
var div2=document.getElementById("apDiv2");
if(t>= 50){
div2.style.position = "fixed";
div2.style.top = "0px";
}else{
div2.style.position = "absolute";
div2.style.top = "50px";
}
}
4. 好了，完成，如果还是没有实现请仔细看上面的3步，应该可以实现的，希望对你有帮助
热心网友
时间：2022-07-12 22:44
你试试这样。。
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#apDiv2 {
position:fixed;
width:100%;
height:35px;
z-index:1;
background-color: #3399FF;
top: 10px;
}
body {
margin-bottom: 1000px;
}
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>
</head>
<body>
<div id="apDiv2" >
<table width="100%" cellspacing="0">
<tr>
<td> </td>
<td width="1020" height="35"><table width="100%" cellspacing="0">
<tr>
<td width="50%" height="100%"><table width="100%" cellpadding="2" cellspacing="0" id="id">
<tr align="left">
<td height="100%" align="center" class="d">首页</td>
<td align="center" class="d">新闻</td>
<td align="center" class="d">团购</td>
<td align="center" class="d">旅游</td>
<td align="center" class="d">论坛</td>
</tr>
</table></td>
<td width="50%"> </td>
</tr>
</table></td>
<td> </td>
</tr>
</table>
</div>
<table width="100%" cellspacing="0" bgcolor="#FFFFFF" id="idd">
<tr>
<td> </td>
<td width="509" height="100" valign="top"> </td>
<td width="509" align="right"> <span style="font-size: 14px; color: #666;">欢迎来到合肥都市网！</span><span style="font-size: 14px; color: #333;"> </span></td>
<td> </td>
</tr>
</table>
<div id="apDiv1"></div>
</body>
</html>
效果为这样
热心网友
时间：2022-07-12 22:44
楼主可以页面最下面加如下代码：
<script>window.onscroll = function(){
var top = document.body.scrollTop || document.documentElement.scrollTop;
var obj = document.getElementById("apDiv2");
if(top >= 50){
obj.style.position = "fixed";
obj.style.top = "0px";
}
else
{
obj.style.position = "absolute";
obj.style.top = "50px";
}
}
</script>
热心网友
时间：2022-07-12 22:45
我看了一下你现在是这样的，你想怎么改呢？我没明白
