获取滚动高度并设置为绝对定位元素的顶部
我需要在灯箱中显示一个图像。
我已经给出了位置：早点修复。 但是当图像高度大于屏幕高度时，会导致问题。
问题是：
现在我需要使用absoulte概念。 但问题在于，如果我在CSS中给出静态“顶部”值，则当用户单击页面底部的链接时，将在页面顶部显示lightbox图片。
去做：
我需要将页面的滚动高度设置为top：lightbox imageimage的值。 我试过scrollTop（）。 但没有得到。
怎么做？
你能告诉我吗？
编辑：这是我的概念：http://jsfiddle.net/velmurugansp/F7z4f/1/
<div stle="position:relative">
<div style="height:1000px">
Top Contents
</div>
<img src="http://ftape.com/model/wp-content/uploads/2011/02/Caroline-Corinth-Models1-The-Model-Wall_4.jpg" width="630" height="630" style="position:absolute; top:0; left:-50%; margin-left:315px;display:block" id="img" />
</div>
<script>
scrollHeight=document.scrollTop();
$("#img").css("top",scrollHeight);
</script>
我需要给顶部：1000px; 到“#img”。 因为前一个元素的高度是1000px;
设置图像的顶部位置可以使用如下所示：
jQuery(document).ready(function() {
$(window).scroll(function() {
var scrollHeight = $(window).scrollTop();
var img = $('#img');
if (scrollHeight < $(document).height()-img.height()-20) {
img.css("top", scrollHeight);
}
});
});
的jsfiddle
Yoy需要获得body或html元素的scrollTop（），而不是其他元素。
你不能改变使用CSS的图像的高度？ 它可能会阻止所有jQuery的必要性。
链接地址: http://www.djcxy.com/p/72055.html上一篇: Get scroll height and set as top to an absolute positioned element