如何在滚动的特定部分添加类

时间:2017-12-18 11:35:16

标签: javascript jquery html css scroll

您好我想在某个特定部分添加一个课程。模糊图像。

参考:https://www.stanford.edu/。我想在用户滚动到某个部分时模糊图像。

1 个答案:

答案 0 :(得分:0)

您希望在 DIV 包含您想要模糊的图片位于页面顶部或某个特定位置时添加课程。

你必须获得 DIV 的动态滚动顶部(让图像变得模糊)。或者你可以在jQuery术语中说Offset。

    var YourDiv = $(".YourDivHavingImageToBeBlur");
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();
        // Here You can add your conditions according to your requirments
        if (scroll == YourDiv.offset().top ) {
            YourDiv.addClass('YourClass');
        } 
    });