如何在页面重新调整大小时保持div？

Question

我在一个网站上有一个facebook“喜欢我们”的图标，现在客户要求是当用户向上滚动直到它到达页面的顶部位置（使用jquery stickynotes排序）时保持可见，并且图标应该当有人重新调整浏览器大小（X = (browser width/2) + (wrapper/2)）时仍然可见。

无法弄清楚我该怎么做，因为第一个条件强制div被静态定位，以便在页面向下滚动时它可以移动。

但是为了重新定位它，我需要修复药水。

请建议出路。

Answer 1

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

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();
    });
});

Answer 2

你看过像jQuery Waypoints这样的东西吗？

我不确定它是否完全匹配，但它可以优雅地解决其中的一些问题。