用户滚动时创建javascript弹出框

时间:2012-05-30 21:40:19

标签: javascript jquery html

有点不同的问题!

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

当你到达文章末尾时,屏幕右下方会出现一个框!

有什么想法吗?

由于 瑞奇

2 个答案:

答案 0 :(得分:4)

来自a blog I found的简单示例:

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

然后将其用作.js包含(类似于此JSFiddle I found):

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

其中area是您想要测量的地方

答案 1 :(得分:0)

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

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