如何让一个层始终显示在网页的固定位置
析:遇到这个问题的时候我们总是第一时间想到用一个浮动的DIV,然后通过JavaScript控制window.onscroll来控制DIV的位置,从而达到我们希望这个层在页面的固定位置
但是这种方式有一个缺点,那就是我们在滑动鼠标的时候,层会跟着鼠标的滚动而抖动,为了避免这个情况的发生,可以用下面的方式实现!
1.放一个大的层,长和宽都是100%,并且是浮动的,超出的部分(overflow)用auto.
2.再放一个小的层,也是浮动的,而且z-index为最大,让它始终在最上面,我们可以通过控制这个层的top,left,right,botton来控制层在网页中的具体位置
3.设置body的margin为0,否则我们将看不完滚动条
4.设置body的scroll为no,让窗体没有滚动条,而层来显示滚动条
5.所有网页其他的内容都放在大层里面
具体代码如下:
这里写网页的其他
这个层始终在顶部
还没有评论,来说两句吧...