绝对定位时关于bottom的参照点的一些问题 - 无双

对立赴元件充当顾问点,我信任每人都觉悟,那是最接近点的对立值。、relative、不易挥发的的先人元素的左上角,万一其先人元素缺乏静态赴,发送的根元素的对立态度,左上角,失去嗅迹尸体元素,它是HTML元素,你可以本身查核一下。,这失去嗅迹本文的关键点。。

曾经,当敝运用左或顶部属性T时,这执意敝依照的根本的。,万一敝运用的是bottom或right属性来举行赴,充当顾问点是什么?我以为觉悟你呈现永远想过大约公关。。

这是第本人解说,left和top属性的重要是高于right和bottom,就是当缺乏左或顶部限制时,相符合的right和bottom属性才会使发作相互作用,万一限制左或顶部,则会疏忽right或bottom的值(曾经万一元素的宽度或殿下缺乏限制,他们也可以在IE6外的浏览程序中任务。,感兴趣的先生可以在在这稍许的上瞥见我的文字。

好了,回到充当顾问点。。本文仅以bottom属性为例举行议论,合适的的属性相似地。

是的,这么bottom的参照点是哪里呢,它是浏览程序视觉区域(视口)的下使渐进吗?。

此编码的印象列举如下:

敝可以瞥见bottom属性的参照点确实是浏览程序可察觉到的区域的下使渐进。

万一它这么简略,这是本人不喜欢议论的成绩。。上面的容器是缺乏骨碌条。,万一呈现骨碌条怎么办?

 

看印象:

敝可以瞥见,如同缺乏多种经营。,甚至浏览程序也有骨碌条。,但bottom的参照点依然浏览程序可察觉到的区域的下使渐进。

和敝把骨碌条拉下稍许的:

你也可以瞥见正方形也在追溯。,此刻bottom的值依然是0,曾经方块却缺乏靠在浏览程序可察觉到的区域的下使渐进了。

这么,敝可以获得收场白。:对立赴时bottom属性的参照点是浏览程序的最重要的屏(执意缺乏搬家骨碌条的时分)的可察觉到的区域的下使渐进

竟至为什么会这么,天才觉悟呢,但要读熟收场白。。

偶尔敝可能性需求把本人元素放在屏风上的某个态度上。,更IE6越过,对立的事物浏览程序的态度是不易挥发的的。,曾经IE6麝香运用本子(或CSS) expression)了。改建对立态度元素的顶部或靠人行道的的静态ACC值,这依然对立简略。。也提议极度的能运用top或left就放量运用top和left去做大约任务。

但万一正好要用bottom或right呢,对立的事物浏览程序也可以。,曾经IE6会让你很难瞥见。

回到bottom的参照点起始,它说。,当浏览程序有骨碌条时,它的参照点是骨碌条缺乏骨碌时(也执意scrollTop为零)浏览程序可察觉到的区域的下使渐进,万一骨碌条此刻骨碌,大约充当顾问点也会沿着骨碌条骨碌。。它相当于骨碌条态度的充当顾问点。,骨碌条动,浏览搬家,并且它也跟着搬家。。这是本人地租的了解。。拿浏览程序都是这么的,包罗IE6。曾经IE6通常是本人不许人透露的人。,IE6在在这稍许的上的使遭受是个成绩,由于它在IE6,bottom的参照点是会与之骨碌条的搬家而搬家,但这是一团糟。,随心所欲的的动机。也执意说,骨碌条沮丧的搬家的间隔失去嗅迹几乎。,它向上搬家胜任的的间隔。,它的搬家间隔和间隔的间隔是有差距的。,和差距的显得庞大,如同缺乏法度可循。这么,运用本子计算ScRelLTP的值。,和让bottom去减去大约值,可以宣布中立元素态度的多种经营,这种方法在IE6中是不可能的的。。

检查用于在可见区域中不易挥发的元素的编码。:

在IE6外的浏览程序中,它是这么的:

    

   

不理会骨碌条多少搬家,敝都能瞥见,哪一些正方形始终在那里。

和看一眼神奇的IE6是什么:

   

    

恩,是的,骨碌条被拉低了稍许的。,正方形的态度发作了多种经营。,骨碌条谢绝了稍许的。,和,再也缺乏了。。。。正方形曾经很上面了。,敝曾经看不见了。使遭受是这么的,执意由于上面说的bottom参照点间隔的多种经营与scrollTop的多种经营是不同意的。在对立的事物浏览程序中,大约间隔是分歧的。。

我以为说的是大约成绩。。

在旁边,我也注意到一件事:对立赴元素(呈现缺乏对立的事物元素),万一尸体显示为静态赴,譬如,对立赴,这么bottom的参照点执意统统body区域的下使渐进,代表浏览程序视觉区域的下使渐进,偶数的有骨碌条,这同样平等地的。。拿浏览程序都是这么的。

印象列举如下:

   

敝瞥见正方形呈现时该区域的生根,包罗SCRO。。

曾经,万一敝缺乏设置对立赴的尸体元素,相反,为HTML元素设置对立赴。,除此之外本人兼容性成绩。

大约错误的不只仅是IE6,它的兄弟般的IE7也招引了风。IE8及超过均定期地。

看IE6和IE7的机能:

敝瞥见大约盒子缺乏呈现时浏览程序区域的生根。,只呈现时浏览程序视觉区域的生根。

有什么好说的,IE8麝香死在上面!

总结:

现任的敝至于的是本人词:用bottom来举行对立赴时,要觉悟它的参照点是浏览程序的最重要的屏(执意缺乏搬家骨碌条的时分)的可察觉到的区域的下使渐进,骨碌条轧制,大约充当顾问点也将尾随。,曾经IE6有本人成绩。这么,在骨碌条的命运下,运用对立赴或放量运用顶部和靠人行道的,防止浏览程序兼容性成绩。