Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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
Html 根据窗口滚动条移动div_Html_Css_Positioning - Fatal编程技术网

Html 根据窗口滚动条移动div

Html 根据窗口滚动条移动div,html,css,positioning,Html,Css,Positioning,如果我的窗口向下滚动,我想向下移动div;如果我的窗口向上滚动,我想向上移动div?如何实施? <div style="position:fixed;"> <p>Hello World</p> </div> 你好,世界 位置:固定 生成绝对定位的元素,相对于浏览器窗口定位。元素的位置由“左”、“上”、“右”和“下”属性指定 资料来源: 你好,世界 位置:固定 生成绝对定位的元素,相对于浏览器窗口定位。元素的位置由“左”、“上”、“右”和

如果我的窗口向下滚动,我想向下移动div;如果我的窗口向上滚动,我想向上移动div?如何实施?


<div style="position:fixed;">
  <p>Hello World</p>
</div>
你好,世界

位置:固定

生成绝对定位的元素,相对于浏览器窗口定位。元素的位置由“左”、“上”、“右”和“下”属性指定

资料来源:


你好,世界

位置:固定

生成绝对定位的元素,相对于浏览器窗口定位。元素的位置由“左”、“上”、“右”和“下”属性指定

资料来源:


您需要使用CSS来实现这一点

<div style="position:fixed">

您需要使用CSS来完成此操作

<div style="position:fixed">


请注意,IE6不支持position fixed。请注意,IE6也不支持fun。请注意,position:fixed在“某些”浏览器中存在兼容性问题。请参阅此处了解一些解决方法:注意IE6不支持position fixed。注意IE6也不支持fun。请注意,position:fixed在“某些”浏览器中存在兼容性问题。请参见此处了解一些解决方法: