【问题标题】:How to add a class at specific section on scroll如何在滚动的特定部分添加一个类
【发布时间】:2017-12-18 11:35:15
【问题描述】:

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

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

【问题讨论】:

标签: javascript jquery html css scroll


【解决方案1】:

当您的 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');
        } 
    });

【讨论】:

  • dua kar skta hun bhai pher
  • sahi bata bhai chal gea?
  • 但是控制台出现top undefined的错误。 var YourDiv = $(".cheif"); $(document).scroll(function() { if ($(this).scrollTop() > 50) { $('body').addClass('fixmenu'); } else { $('body').removeClass ('fixmenu'); } var scroll = $(window).scrollTop(); // 这里可以根据自己的需求添加条件 if (scroll >= YourDiv.offset().top - 280) { YourDiv.addClass ('动画'); } });
猜你喜欢
  • 2018-11-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多