Check if scrollbar is scrolled down a half

Question

How to check the scrollbar is scrolled down a half.

I mean when the user scrolls down over a half of screen, it should alert a message.

possible duplicate of : http://stackoverflow.com/questions/4957658/trigger-jquery-function-when-passed-half-way-down-the-page — Mahmoud Farahat, May 27 '13 at 08:25

score 9 · Accepted Answer · answered May 27 '13 at 08:22

9

since you are using jquery, you could use jQuery.scroll():

$(window).scroll(function() {
    if ($(window).scrollTop()  > $(window).height() / 2) {        
        alert('At Half the screen');
    }
});

answered May 27 '13 at 08:22

Sudhir Bastakoti

99,167
15
158
162

Doesn't work. After scrolling to the end scrollTop value is 693 and `$(window).height()/2` value is 745 – TomSawyer Aug 21 '19 at 07:06

score 0 · Answer 2 · answered May 27 '13 at 08:24

0

You can get the half of the visible screen by

$(window).height() / 2

Half of the entire size of your page would be

$(document).height() / 2

Then compare the result against the scroll position:

$(window).scrollTop();

answered May 27 '13 at 08:24

CodingIntrigue

75,930
30
170
176

score 0 · Answer 3 · edited May 27 '13 at 09:00

0

$(document).ready(function(){
    var mHeight = $(window).height();
    $(window).scroll(function(){
        var sPosition = $('body').scrollTop();
        if(sPosition > (mHeight/2)) alert('hola :)');
    });
});

edited May 27 '13 at 09:00

David

15,894
22
55
66

answered May 27 '13 at 08:36

HADI

2,829
1
26
26

Check if scrollbar is scrolled down a half

3 Answers3