How to work with scroll() JQuery

Question

I want to do something when window scrolls to a certain position

Fiddle : https://jsfiddle.net/to1uuvnb/16/

HTML:

<div id="container"></div>
<div id="target"></div>

CSS:

#container {
    min-height:300px;
    max-width:400px;
    background-color:#000;
}
#target { 
    min-height:1000px;
    max-width:400px;
    background-color:red;
}

JavaScript:

$('#target').scroll(function() {
    if($(this).scrollTop() > 10) {
        alert('');
    }
});

taxicala · Accepted Answer · 2015-08-14 20:14:23Z

1

You are attaching the scroll event to a div that has no overflow: auto; or overflow: scroll; set. And the question title does not seem to match with your code, I believe you want to attach the event to window instead:

$(window).scroll(function() {

https://jsfiddle.net/to1uuvnb/17/

edited Aug 14, 2015 at 20:14

answered Aug 14, 2015 at 19:53

taxicala

21.8k7 gold badges41 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Daniel Over a year ago

can you please update the fiddle code it will be easy for me

Daniel Over a year ago

i just want when the scrolls cross the black container then it shows alert how can we do that

Daniel Over a year ago

i can't use (window).scroll() in my project cause there are too many div elements in my project and if i use window.scroll() then i have to give it top spacing from the starting of the page

Collectives™ on Stack Overflow

How to work with scroll() JQuery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related