在顶部窗口处的div位置绝对

时间:2013-02-12 22:25:09

标签: jquery window absolute css-position

在jquery中是否有任何方法可以定位一个具有位置的div:绝对在css中,而他的父亲有位置:relative,在窗口的顶部? div我指的是旋转木马的一部分所以他的位置总是会改变,但无论他的父位置如何,我都希望这个div始终保持在浏览器窗口的顶部。 如果有办法计算这个div距离窗口顶部位置有多远,而不是jquery根据它改变顶部位置,谢谢。 div绝对滑动右边和div相对于它的滑动滑动但是它们都改变了这个旋转木马的位置并向右滑动它的隐藏直到它显示时点击,我需要它始终从窗口顶部显示。

  <div class="swiper-slide">
  <div class="slide-left">
  <div class="slider_arrow"></div> 
  <img src="images/iDangerous/img_thumb1_hover.png"   
  class=""  alt=".">
  </div><!-- end slide-left-->
   <div class="slide-right"> 
   <h1>Foundation Stone Laying Ceremony</h1>
  <p>Lorem Ipsum in Hong Kong celebrates the construction of a new primary and     secondary campus in Kowloon Bay with a Foundation Stone Laying Ceremony</p>
   </div><!-- end slide-right-->
  </div><!-- end swiper-slide-->

2 个答案:

答案 0 :(得分:0)

使用offset()方法确定相对于文档的父元素放置。然后从零中减去顶部和左侧值以应用于子项:

var parentOffset=$('#parent').offset();
$('#child').css({top: 0- parentOffset.top, left:0- parentOffset.left});

DEMO:http://jsfiddle.net/mTqcP/

API参考:http://api.jquery.com/offset

答案 1 :(得分:0)

以下是如何在dom ready和每个窗口resize上移动相对的&gt;父div。还使用jquery offset()函数的width和height对象参数

http://jsbin.com/uziyes/1/edit