如何让div在页面大小上可见？

我在一个站点上有一个像facebook一样的图标，现在客户端的要求是当用户滚动页面直到它到达页面的顶部位置（通过使用jquery stickynotes进行排序）并且图标仍然应该保持可见当有人重新调整浏览器的大小时可见（X = (browser width/2) + (wrapper/2)）。如何让div在页面大小上可见？

由于第一个条件迫使div静态定位，所以当页面向下滚动时它可以移动，因此无法做出如何做到这一点。

但为了重新定位它，我需要将魔药固定。

请提出一条出路。

来源

2012-07-09 Vishal

你能分享一个演示 - [jsFiddle.net]（http://jsfiddle.net/） - 使它更容易帮助你的代码。 – Mottie 2012-07-09 13:42:34

请查看http://tiny.cc/itl6gw“Sticky Widget”div与我需要的方式相同，只是我需要将其重新定位到浏览器重新大小。 – Vishal 2012-07-09 13:47:06

只是一个简单的例子，你如何解决这个问题：

function movement() { 

    var topPosition = $(window).scrollTop(); 

    if(topPosition > 100) { 

     // do something 
     $('element').addClass('dosomething'); 

    } else { 

     // do something 
     $('element').removeClass('dosomething');  
    } 
} 

$(document).ready(function() { 

    $(window).scroll(function() { 

     movement(); 
    }); 
});

来源

2012-07-09 13:49:09

不知道如果您已阅读我粘贴的示例代码，这部分已完成，我正在处理重新调整大小的模块。 – Vishal 2012-07-09 14:10:07

你看着像jQuery Waypoints？

我不确定它是否完全匹配，但它优雅地解决了一些这些问题。

来源

2012-07-09 13:49:24

Scott：它适用于粘性div，但对于介词页由于HTML5而表现正确，我无法使用HTML5。 – Vishal 2012-07-09 14:07:13

如何让div在页面大小上可见？

回答

相关问题