日期:2014-05-16  浏览次数:20334 次

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;