61,112
社区成员
发帖
与我相关
我的任务
分享浮动层中加了锚点，点击后，底层页面中的滚动条会跟着滚动
写了一个CSS浮动层，在浮动层中定义了一个锚点，可当点这个锚点时，底层页面中的滚动条也会动一下。及其不爽。想了好久，无解，
请有经验的朋友指点下。
我想要的结果是当点这个锚点时，只让浮动层中的滚动条滚动，底层页面中的滚动条不动。
也就是弹出的那个层，在页面中的位置不动就行了。
付代码。请高手看下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style>
<!--
#test{background-color: #999999;
height: 200px;
width: 300px;
margin-top: -100px;
margin-bottom: 0px;
overflow: auto;
position: absolute;
left: 50%;
top: 50%;
margin-right: 0px;
margin-left: -150px;
}
-->
</style>
</head>
<body>
a
ssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssss<br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br>
<div id="test"><a href="#a">请看</a><a name="b">这个演示效果</a>
<bR>
sssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssss<br>
sssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssss<br>
sssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssss<br>s
ssssssssssssssssssssssssssssss
ssssssss
ssssssssssssssssssssssssssssssssssssssssss<br>sssss
sssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssss
sssssssssss<br>
ssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssss<br>s
ssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssssssssssssssssss<br>
ssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssss
sssssssssssssssssssss<br>ssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssss
ssssssssssssssssssss<br>ssss
ssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssss<br>sssss
ssssssssssssssssssssssssssssss
s
sssssssssssssssssssssssssssssssssssssssssssss<br>sssss
sssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssss
ssssssssssssss<br>sssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssss
ssssssssssss<br>ssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssss<br>ssssssssssssss
sssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssss<br>sssssss
ssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssss
s
ssssss<br>sssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssss
ssss<br>sssssssssssssssssssss
ss
sssssssssssssssssssssssssssssssssssssssssssssss
sssssssssss<br>sssssssssssssssssssssssss
ssssssssssssssssssssssssssss
ssssssssssssssssssssssssssss<br>sssssssssssssss
ssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssss<br
>
sssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssss<br>ss<a
name="a">ssss</a>sssssssss<a href="#b">sssss</a>
ssssssssssssssssssssssssssssssssssssssss
ssssssssssssss
sssssss<br>
</div>
</body>
</html>
请有经验的朋友指点下。
我想要的结果是当点这个锚点时，只让浮动层中的滚动条滚动，底层页面中的滚动条不动。
也就是弹出的那个层，在页面中的位置不动就行了。
付代码。请高手看下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style>
<!--
#test{background-color: #999999;
height: 200px;
width: 300px;
margin-top: -100px;
margin-bottom: 0px;
overflow: auto;
position: absolute;
left: 50%;
top: 50%;
margin-right: 0px;
margin-left: -150px;
}
-->
</style>
</head>
<body>
a
ssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssss<br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br>
<div id="test"><a href="#a">请看</a><a name="b">这个演示效果</a>
<bR>
sssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssss<br>
sssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssss<br>
sssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssss<br>s
ssssssssssssssssssssssssssssss
ssssssss
ssssssssssssssssssssssssssssssssssssssssss<br>sssss
sssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssss
sssssssssss<br>
ssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssss<br>s
ssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssssssssssssssssss<br>
ssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssss
sssssssssssssssssssss<br>ssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssss
ssssssssssssssssssss<br>ssss
ssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssss<br>sssss
ssssssssssssssssssssssssssssss
s
sssssssssssssssssssssssssssssssssssssssssssss<br>sssss
sssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssss
ssssssssssssss<br>sssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssss
ssssssssssss<br>ssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssss<br>ssssssssssssss
sssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssss<br>sssssss
ssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssss
s
ssssss<br>sssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssss
ssss<br>sssssssssssssssssssss
ss
sssssssssssssssssssssssssssssssssssssssssssssss
sssssssssss<br>sssssssssssssssssssssssss
ssssssssssssssssssssssssssss
ssssssssssssssssssssssssssss<br>sssssssssssssss
ssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssss<br
>
sssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssss<br>ss<a
name="a">ssss</a>sssssssss<a href="#b">sssss</a>
ssssssssssssssssssssssssssssssssssssssss
ssssssssssssss
sssssss<br>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
birdstudio 2008-12-21
- 打赏
- 举报
这就是HTML锚点的特性，锚点就是这样。
你可以换个思路，用JS来控制层的滚动位置。
你可以换个思路，用JS来控制层的滚动位置。
lanbo_6 2008-12-18
- 打赏
- 举报
还在等待中....就要沉了
lanbo_6 2008-12-18
- 打赏
- 举报
继续等待中。。。
lanbo_6 2008-12-17
- 打赏
- 举报
等待。。。
ooily 2008-12-17
- 打赏
- 举报
不懂，up
