如何使用HTML和JavaScript创建“有限修复”的div?

时间:2009-01-09 06:14:06

标签: javascript css html

鉴于页面上存在其他div,如何创建一个div,就好像它在网页的某个域内的固定宽度一样?示例:Slashdot上的注释系统,其作用类似于固定宽度div,用于沿屏幕滚动但仍保持一定长度?我希望在屏幕旁边显示一个文本块以用于页面的某个部分,但是我希望它保持在页面的那一部分内,而不是让它像页面一样完全沿着页面移动固定块会移动。

2 个答案:

答案 0 :(得分:1)

Slashdot的commenting system使用两种不同类型的定位。当您第一次来到页面时,该框绝对定位,使其显示在左侧该列的底部。 (CSS代码在这里:)

left: 0px;
top: 429px; /* or something */
position: absolute;

当您向下滚动该列底部下方时,他们会使用Javascript将其切换到固定位置。

left: 0px;
top: 0px;
position: fixed;

答案 1 :(得分:0)

你的意思是

<div style="width xx; height xx; overflow: scroll;">?