当用户到达某个Div(滚动)时如何触发Fancybox

Question

快速提问:

1)我已经得到了标准的Fancybox (V2)设置工作，我希望它在用户读取页面时触发模态，然后达到某个div(或任何其他元素)。

2)所以这不是一个"延迟"，它是当用户到达页面的某个部分。

谁能给一些编码光如何做到这一点?:)

(注:我不是一个程序员，但可以处理平庸的js/html/css…)

Answer 1

最简单的方法是检查滚动高度与您希望触发的元素的高度，然后模拟单击您想要打开的Fancybox链接。

更新:这个小提琴应该给你一个如何做的想法。http://jsfiddle.net/eKF4f/2/。这不是最完整的例子，但应该给你一个起点。

这是工作的部分

$(document).scroll(function () {
    if($(document).scrollTop() >= $('#box').offset().top && !fired)
    {
         $.fancybox.open([
         {
             href : 'http://fancyapps.com/fancybox/demo/1_b.jpg',                
             title : '1st title'
         }]);
    }
});

注意:就用户体验而言，这通常是不好的做法。除非你有很好的理由打开一个模态，否则你不应该阻止页面内容，除非用户采取了触发模态的操作。