javascript - 如何在页面调整大小时保持 div 可见？

Question

我在一个网站上有一个 facebook “like us” 图标，现在客户要求是在用户向上滚动直到它到达页面顶部位置（使用 jquery 便笺排序）时保持它可见，并且该图标应该仍然可见当有人重新调整浏览器大小时 ( 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这样的东西吗？

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