怎么让设置fixed层里的内容跟随滚动条滚动

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么让设置fixed层里的内容跟随滚动条滚动相关的知识,希望对你有一定的参考价值。

参考技术A 首先,我们将目光投向了CSS规范,我想很多人和我一样很快就想到了position属性,说到定位,我们很容易想到这个属性。这个属性一共有四个 选项:static、relative、absolute、fixed。很高兴,我们在阅读了相关的注释后,我们大概能看到fixed是比较符合我们的需 求的:
fixed:
位置被设置为 fixed 的元素,可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否,元素都会留在那个位置。工作于 IE7(strict 模式)。
于是我们很快就有了以下的代码,不过很遗憾,IE中并不能通过严格的测试,但是FireFox中却可以通过测试!
<html>
<head>本回答被提问者采纳

css怎么让div上下居中,靠右对齐

让div还随滚动条移动。

上下居中··这个肯定就要用js算出来了···靠右对齐有很多种方法··position: fixed; right: 0;这样就靠右并且随滚动条滚动·一直固定在位置上···如果你是要做那种右下角的小窗口···纯css是不能解决问题的· 参考技术A position: fixed; top:50%; right:0; margin-top用负div一半的高度的值。就可以上下居中,靠右对齐,但是div得给高度,要不然上下居中就得要用js算出来了 参考技术B 两个DIV同样的外边距就行了.cssDiv 或者把它们装在另一个DIV里面,外面那层DIV设置两边内边距相等

如果帮助到您,请记得采纳为满意答案哈,谢谢!祝您生活愉快! vae.la
参考技术C <html>
<head><title>跟随滚动</title></head>
<script language="javascript">function yidong()

var abc = document.getElementById("leftdiv");
abc.style.top = document.body.scrollTop;
setTimeout("yidong()",6); </script>
<body onload="yidong()">
<div style="height:1600px;">内容显示层</div>
<div id="leftdiv" style="position:absolute;z-index:1; left:10px;" >层内显示</div></body>
</html>
参考技术D <style>
#ad width:150px; height:200px; position:fixed;right:0;top:35%; border:1px solid #0F0
</style>
<div id="ad"></div>

以上是关于怎么让设置fixed层里的内容跟随滚动条滚动的主要内容,如果未能解决你的问题,请参考以下文章

网页设计如何设置网页部分内容不随着滚动条而移动移动?

怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动?

怎么让div内容超出后自动显示滚动条

怎么能实现div里的滚动条滚动时有动画效果

scroll时不能平滑滚动的问题怎么处理

如何让DIV固定在页面而不随着滚动条随意滚动