支持chrome中的clientWidth / height

时间:2014-10-08 15:27:58

标签: javascript html google-chrome

要求是图像应该固定在我页面的右下角。

我的代码:my_image.style.left = wrapper.clientWidth - my_image.clientWidth;在mozilla中完美运行,但似乎chrome并不了解任何内容。

我也读过关于同样的文章: Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively

由于包装器宽度根据我页面上呈现的内容而变化,因此无法给出硬编码值 还有其他任何可以帮助我的属性吗?

EDIT ::: Top是相对的,取决于包装器中的内容

感谢。

1 个答案:

答案 0 :(得分:1)

普通的CSS对此更好,据我所知你的问题,你只需要将位置设置为固定并指定距窗口边界的距离。固定位置将始终相对于窗口,而不是父节点或页面大小。所以这应该是你想要的!

#myimage{
   position:fixed;
   right:0px;
   bottom:0px;
} 

添加left:0px会使其填满屏幕宽度。否则,只需将宽度设置为%即可保持响应。如果你的意思是页面而不是窗口,那么尝试位置:relative。