I need to add a CSS class just after scrolling of particular DIVHow to add css class on body [Magento2]Adding...

At which point does a character regain all their Hit Dice?

Lay out the Carpet

Hostile work environment after whistle-blowing on coworker and our boss. What do I do?

How do I define a right arrow with bar in LaTeX?

Is HostGator storing my password in plaintext?

How do we know the LHC results are robust?

Is it correct to write "is not focus on"?

Confused about a passage in Harry Potter y la piedra filosofal

If you attempt to grapple an opponent that you are hidden from, do they roll at disadvantage?

Student evaluations of teaching assistants

(Bedrock Edition) Loading more than six chunks at once

Hide Select Output from T-SQL

Is it okay / does it make sense for another player to join a running game of Munchkin?

Will it be accepted, if there is no ''Main Character" stereotype?

Go Pregnant or Go Home

Have I saved too much for retirement so far?

Why Were Madagascar and New Zealand Discovered So Late?

Ways to speed up user implemented RK4

Why is `const int& k = i; ++i; ` possible?

The baby cries all morning

Is there an Impartial Brexit Deal comparison site?

Time travel short story where a man arrives in the late 19th century in a time machine and then sends the machine back into the past

Is expanding the research of a group into machine learning as a PhD student risky?

How can I use the arrow sign in my bash prompt?



I need to add a CSS class just after scrolling of particular DIV


How to add css class on body [Magento2]Adding a css class / div wrapper to a blockMagento2 Add css class to admin ui grid columnHow to add CSS DIV class to CMS static block? Magento2Magento2 - Change “LINKS” CSS class in footerHow add div after image block in Magento 2?Magento 2 - add a new class inside column main divAdd/Remove class when scrolling over section / Sticky sidebarNeed to Initialization js while ajax response magento 2Add/Remove class from div if minicart hasitem/noitem













0















I need to add a CSS class when I scroll to a particular CLASS or DIV.









share







New contributor




adi maheshwary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





















  • you should post this to stack overflow. nothing related to magento in this question.

    – Mohit chauhan
    54 secs ago
















0















I need to add a CSS class when I scroll to a particular CLASS or DIV.









share







New contributor




adi maheshwary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





















  • you should post this to stack overflow. nothing related to magento in this question.

    – Mohit chauhan
    54 secs ago














0












0








0








I need to add a CSS class when I scroll to a particular CLASS or DIV.









share







New contributor




adi maheshwary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.












I need to add a CSS class when I scroll to a particular CLASS or DIV.







magento2 jquery





share







New contributor




adi maheshwary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.










share







New contributor




adi maheshwary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.








share



share






New contributor




adi maheshwary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









asked 6 mins ago









adi maheshwaryadi maheshwary

203




203




New contributor




adi maheshwary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





New contributor





adi maheshwary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.






adi maheshwary is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.













  • you should post this to stack overflow. nothing related to magento in this question.

    – Mohit chauhan
    54 secs ago



















  • you should post this to stack overflow. nothing related to magento in this question.

    – Mohit chauhan
    54 secs ago

















you should post this to stack overflow. nothing related to magento in this question.

– Mohit chauhan
54 secs ago





you should post this to stack overflow. nothing related to magento in this question.

– Mohit chauhan
54 secs ago










1 Answer
1






active

oldest

votes


















0














You can try the below code :



require(['jquery'],function($){
$(window).on('scroll', function() {
if($(window).scrollTop() >= $('.bolck-section').offset().top + $('.bolck-section').outerHeight() - window.innerHeight) {
$('.inner-wrapper').addClass('testing');
}
else{
$('.inner-wrapper').removeClass('testing');
}
});
});




share























    Your Answer








    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "479"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: false,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: null,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });






    adi maheshwary is a new contributor. Be nice, and check out our Code of Conduct.










    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f267567%2fi-need-to-add-a-css-class-just-after-scrolling-of-particular-div%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    0














    You can try the below code :



    require(['jquery'],function($){
    $(window).on('scroll', function() {
    if($(window).scrollTop() >= $('.bolck-section').offset().top + $('.bolck-section').outerHeight() - window.innerHeight) {
    $('.inner-wrapper').addClass('testing');
    }
    else{
    $('.inner-wrapper').removeClass('testing');
    }
    });
    });




    share




























      0














      You can try the below code :



      require(['jquery'],function($){
      $(window).on('scroll', function() {
      if($(window).scrollTop() >= $('.bolck-section').offset().top + $('.bolck-section').outerHeight() - window.innerHeight) {
      $('.inner-wrapper').addClass('testing');
      }
      else{
      $('.inner-wrapper').removeClass('testing');
      }
      });
      });




      share


























        0












        0








        0







        You can try the below code :



        require(['jquery'],function($){
        $(window).on('scroll', function() {
        if($(window).scrollTop() >= $('.bolck-section').offset().top + $('.bolck-section').outerHeight() - window.innerHeight) {
        $('.inner-wrapper').addClass('testing');
        }
        else{
        $('.inner-wrapper').removeClass('testing');
        }
        });
        });




        share













        You can try the below code :



        require(['jquery'],function($){
        $(window).on('scroll', function() {
        if($(window).scrollTop() >= $('.bolck-section').offset().top + $('.bolck-section').outerHeight() - window.innerHeight) {
        $('.inner-wrapper').addClass('testing');
        }
        else{
        $('.inner-wrapper').removeClass('testing');
        }
        });
        });





        share











        share


        share










        answered 56 secs ago









        Amit NaraniwalAmit Naraniwal

        1,202411




        1,202411






















            adi maheshwary is a new contributor. Be nice, and check out our Code of Conduct.










            draft saved

            draft discarded


















            adi maheshwary is a new contributor. Be nice, and check out our Code of Conduct.













            adi maheshwary is a new contributor. Be nice, and check out our Code of Conduct.












            adi maheshwary is a new contributor. Be nice, and check out our Code of Conduct.
















            Thanks for contributing an answer to Magento Stack Exchange!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f267567%2fi-need-to-add-a-css-class-just-after-scrolling-of-particular-div%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            “%fieldName is a required field.”, in Magento2 REST API Call for GET Method Type The Next...

            How to change City field to a dropdown in Checkout step Magento 2Magento 2 : How to change UI field(s)...

            夢乃愛華...