javascript - 用户滚动时创建一个javascript弹出框

Question

有点不同的问题！

有谁知道哪里有插件或指出我正确的方向来创建这样的东西：http: //mashable.com/2012/05/30/kings-social-media/

当您读完一篇文章时，屏幕右下方会出现一个框！

有任何想法吗？

谢谢瑞奇

Answer 1

我发现的博客中的一个简单示例：

function getScrollY() 
{
    var y = 0;
    y = document.body.scrollBottom;
    return y
}

然后将其用作 .js 包含（类似于我找到的这个 JSFiddle）：

(function($) 
{
    $area.scroll(function(e) 
    {
        if($(this).scrollBottom() < $('#divToShowBoxOn').offset().left)
            alert("Zomg you scrolled to my box!");
    }
})(jQuery)​

面积是您要测量的地方

Answer 2

jQuery inView 插件非常棒。只需在页面底部放置一个 div，当它进入视图时，此处理程序将调用您的函数。

http://remysharp.com/2009/01/26/element-in-view-event-plugin/