可能重复:
jQuery - 滚动后检查元素是否可见
我正在尝试确定元素是否在屏幕上可见.为了达到这个目的,我试图使用offsetTop找到元素的垂直位置,但返回的值不正确.在这种情况下,除非向下滚动,否则元素不可见.但是尽管如此,当我的屏幕高度为703时,offsetTop返回值618,因此根据offsetTop,元素应该是可见的.
我正在使用的代码如下所示:
function posY(obj)
{
var curtop = 0;
if( obj.offsetParent )
{
while(1)
{
curtop += obj.offsetTop;
if( !obj.offsetParent )
{
break;
}
obj = obj.offsetParent;
}
} else if( obj.y )
{
curtop += obj.y;
}
return curtop;
}
Run Code Online (Sandbox Code Playgroud)
先感谢您!
我正在寻找解决在页面页脚停止固定对象的流行问题的解决方案.
我基本上在屏幕的左下角有一个固定的"共享"框,我不希望它滚动页脚,所以我需要它停10px在页脚上方.
我在这里看到了其他问题以及其他问题.我能找到的最近/最简单的演示是http://jsfiddle.net/bryanjamesross/VtPcm/,但我无法让它与我的情况一起工作.
这是共享框的html:
<div id="social-float">
<div class="sf-twitter">
...
</div>
<div class="sf-facebook">
...
</div>
<div class="sf-plusone">
...
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
......和CSS:
#social-float{
position: fixed;
bottom: 10px;
left: 10px;
width: 55px;
padding: 10px 5px;
text-align: center;
background-color: #fff;
border: 5px solid #ccd0d5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: none;
}
Run Code Online (Sandbox Code Playgroud)
页脚是#footer,它没有固定的高度,如果这有任何区别.
如果有人可以帮助我为此创建一个简单的jQuery解决方案,我会非常感激!