jQuery event scrollTop

Question

#mydiv is a clickable box Div,a class .openDiv will be added if click on #mydiv.

if has class .openDiv

if($('#mydiv').hasClass('openDiv')){
 $(window).scrollTop(); //value is 300px
}

if just the page loaded (no .openDiv )

$(window).scrollTop(); //value is 200px

so my variable is like

if($('#mydiv').hasClass('openDiv')){
  thisTop =  $(window).scrollTop() - 100;
}else{
  thisTop =  $(window).scrollTop() 
}

as you can see I made it 100 different value hard coded. Is there a way to make it to calculate dynamically? Thanks!

Joe · Accepted Answer · 2013-08-18 22:52:25Z

1

Try this:

var div = $('#mydiv'), scrollTop = $(window).scrollTop();
thisTop = div.hasClass('openDiv') ? scrollTop - div.height() : scrollTop;

If #mydiv has the class openDiv then take away it's height from $(window).scrollTop(), otherwise just return $(window).scrollTop().

answered Aug 18, 2013 at 22:52

Joe

15.6k8 gold badges51 silver badges57 bronze badges

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

Comments

DARK_DUCK · Accepted Answer · 2013-08-18 22:42:35Z

1

In jQuery you can find the height of every object using the .height() method. I don't know where does the 100px come form but you can replace it by $('InsertASelectorHere').height()

answered Aug 18, 2013 at 22:42

DARK_DUCK

1,7772 gold badges12 silver badges22 bronze badges

Collectives™ on Stack Overflow

jQuery event scrollTop

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related