读书人

JS输出DIV的绝对定位,该怎么解决

发布时间: 2012-04-09 13:41:25 作者: rapoo

JS输出DIV的绝对定位
我想实现一个功能,在我的网站中,在每个网页的下面有支笔,
用户访问的时候,可以点击这支笔,然后可以在网页的某个位置写 一句话, 写下来的话都可以保存在数据库中,以后网页显示就都那样了。无论显示还是输入的功能都是通过</body>前的JS实现的。

现在的问题是,如何才能定位这个位置,DIV的position:absolute并不能固定一个DIV在文档中的位置,如果是相对定位的话,如果网页的内容发生了变化,那这个定位可能就又不准了。

请问大家有什么好的方法不?

[解决办法]
http://aliceui.com/position-fixed/

另外注意这个网页右下角,本身就是一个示范
[解决办法]
楼主是想做个留言墙的功能吧,这个也简单,body作为墙相对定位,div纸条绝对定位,
新增纸条时,就动态增加一个DIV,同时把信息通过ajax保存到数据库。页面加载时asp(或其它服务器端语言)读取所有纸条。

示例代码如下

CSS code
     body{ position:relative;}     div{ position:absolute;  background-color:#ddd;border:2px blue solid; }
[解决办法]
position:fixed;固定定位

或相对于父元素进行绝对定位
父元素position:relative;
子元素position:absolute;
[解决办法]
不好意思,我好象看错了,楼主是要固定一个DIV在屏幕上,这个让DIV随屏幕滚动就可以了
假定这个DIV原来绝对定位top是700
JScript code
       $(document).ready(function() {           $(window).scroll(function() {           $("#div1").css("top", $(window).scrollTop()+700+"px"); ;           });       });
[解决办法]
background-attachment: fixed;

读书人网 >JavaScript

热点推荐