0

我需要在灯箱中显示一张图像。

我已经给出了位置：已修复。但是当图像高度大于屏幕高度时，就会出现问题。

问题是：

现在我需要使用绝对概念。但这里的问题是，如果我在 CSS 中给出静态“顶部”值，当用户单击页面底部的链接时，灯箱图像将显示在页面顶部。

去做：

我需要将页面的滚动高度设置为 top: 灯箱 imageimage 的值。我试过滚动顶部（）。但没有得到。

怎么做？

你们能告诉我吗？

编辑： 这是我的概念：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>

我需要给 top:1000px; 到“#img”。因为前一个元素的高度是1000px；

4

3 回答 3

2

要设置图像的顶部位置，可以使用如下方式：

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

于 2013-05-31T12:00:17.223 回答
0

Yoy 需要获取 body 或 html 元素的 scrollTop()，而不是其他元素。

于 2013-05-31T09:33:00.367 回答
0

您不能使用 CSS 更改图像的高度吗？它可能会阻止所有 jQuery 的必要性。

于 2013-05-31T09:34:41.257 回答