用户向下滚动后添加课程?

时间:2014-08-09 03:09:11

标签: javascript jquery

我正在设计一个垂直滚动网站,每个页面的高度为105%。

一旦用户向下滚动,我在使用Javascript在div上打一个类时遇到了一些麻烦。

有问题的div位于第二页,因此大约有170%来自顶部。到目前为止,我有这个:

$(window).scroll(function() {
    var height = $(window).scrollTop();
    var q = 1.7;
    if(height  >= q) {
        $(window).off("scroll");
        $('#A2').addClass('animated bounceIn');
    }
});

不幸的是,它似乎并没有起作用。

1 个答案:

答案 0 :(得分:3)

您的脚本没有错:http://jsbin.com/dixuqoku/1/edit

要比较视口高度的170%,您可以将视口高度乘以1.7:

var oneSeventy = $(window).height() * 1.7;