Jquery Scroll detect

Question

i want a simple JS code to detect Scrolling of HTML page.

Check this page : http://conf.iranwebfestival.com/

As you scroll the page, the top menu elements, get CSS borders .

I need somthing to do that .

have you tried anything? show some code etc – Aamir Shahzad Feb 22 '14 at 19:41 — Aamir Shahzad, Feb 22 '14 at 19:41

score 1 · Answer 1 · answered Feb 22 '14 at 19:42

That page doen't render properly on my device.. But to detect scrolling with jQuery, I'd check the value of $(window).scrollTop(), and if it was bigger than 0, it would mean the user had scrolled. Something like this:

$(window).scroll(function() // when user scrolls
{
    if($(window).scrollTop() > 0)
        // scrollbar is not at the top
    else
        // scrollbar is at the top
}

score 1 · Answer 2 · answered Feb 22 '14 at 19:43

1

Although it's very much your responsibility to prove you have at least tried, googled it, whatever, and you have not done this, this answer is simple enough in jQuery

$(window).scroll(function(){
  //Whatever you want to do
});

answered Feb 22 '14 at 19:43

ggdx

3,024
4
32
48

score 1 · Answer 3 · answered Feb 22 '14 at 19:44

1

You could use jQuery Waypoints. Or if you're using Bootstrap look into Scrollspy.

You should put some effort into implementing it. A simple search would have got you what you wanted.

answered Feb 22 '14 at 19:44

kartikluke

2,375
1
19
32

score 1 · Accepted Answer · edited May 23 '17 at 12:14

1

jQuery has a function scrollTop to find how much screen was scrolled down. Here is base of using

$(window).scroll(function(){
var ScrolledDown = $(window).scrollTop();
});

and here is a example how to use jQuery's function scrollTop - and avoid scrolling if you achieved bottom of page.

Switch div from fixed to absolute at bottom of browser (see my answer)

edited May 23 '17 at 12:14

Community

1
1

answered Feb 22 '14 at 19:53

Václav

527
7
28

Thanks, @Sparky, for next advice - but at this time I only would like to know explanation of reverse of 200 points of reputation I got by upvotes yesterday. What happened? – Václav Feb 23 '14 at 07:03
A quick [glance at your profile screen](http://stackoverflow.com/users/3263387/vaclav?tab=reputation) shows that you were flagged for "serial up-voting". You'll have to go over to meta stackoverflow and ask the moderators about this. – Sparky Feb 23 '14 at 17:30

Jquery Scroll detect

4 Answers4