相关疑难解决方法(0)

检查元素是否在屏幕上可见

可能重复:
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)

先感谢您!

javascript position offset

66
推荐指数
2
解决办法
13万
查看次数

在页脚处停止固定位置

我正在寻找解决在页面页脚停止固定对象的流行问题的解决方案.

我基本上在屏幕的左下角有一个固定的"共享"框,我不希望它滚动页脚,所以我需要它停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解决方案,我会非常感激!

javascript css jquery scroll fixed

40
推荐指数
4
解决办法
8万
查看次数

标签 统计

javascript ×2

css ×1

fixed ×1

jquery ×1

offset ×1

position ×1

scroll ×1