Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何相对于浏览器窗口定位div?_Javascript_Css_Positioning - Fatal编程技术网

Javascript 如何相对于浏览器窗口定位div?

Javascript 如何相对于浏览器窗口定位div?,javascript,css,positioning,Javascript,Css,Positioning,我有一个PHP页面,显示对话的内容,并允许我回答。由于信息是按逆时间顺序显示的(首先显示较新的信息),将“应答”表单放在页面末尾看起来不好,使用起来也不舒服(必须在所有信息之间滚动),但将其放在顶部看起来也不好,因为无法阅读旧信息并回复。 因此,我需要像Facebook一样的对话方式:当文本框保持在固定位置时,人们可以阅读所有消息。可以找到一个例子:当进入页面[并等待几秒钟]时,左侧会出现一个图像,并在您滚动页面时跟随浏览器。听起来像是您想要的 HTML: 您可能还需要查看顶部,左侧,以及右侧,

我有一个PHP页面,显示对话的内容,并允许我回答。由于信息是按逆时间顺序显示的(首先显示较新的信息),将“应答”表单放在页面末尾看起来不好,使用起来也不舒服(必须在所有信息之间滚动),但将其放在顶部看起来也不好,因为无法阅读旧信息并回复。

因此,我需要像Facebook一样的对话方式:当文本框保持在固定位置时,人们可以阅读所有消息。可以找到一个例子:当进入页面[并等待几秒钟]时,左侧会出现一个图像,并在您滚动页面时跟随浏览器。

听起来像是您想要的

HTML:


您可能还需要查看
顶部
左侧
,以及
右侧
,这听起来像是您想要的

HTML:


您可能还需要查看
top
left
、和
right
使用可使用位置:固定在div上,并使用top、left或bottom、right或您想要选择的任何选项进行调整使用可使用位置:固定在div上,并使用top、left或bottom进行调整,对,或者您想选择的任何内容

您只是在寻找CSS属性吗?您的意思是
位置:固定的
?在你的链接中,我在左边看不到任何图像。你只是在寻找CSS属性吗?你的意思是
位置:fixed
?在你的链接中,我在左边没有看到任何图像
<textarea class="inputbox"></textarea>
.inputbox {
    position: fixed;
    bottom: 0px;
}