2013-08-18 49 views
0

#mydiv是一个可点击的方框Div,如果点击#mydiv,将添加一个类.openDivjQuery事件scrollTop

如果有类.openDiv

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

如果只是网页加载(无.openDiv

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

所以我的变量是像

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

,你可以看到我做到了100不同的硬编码值。有没有办法让它动态计算?谢谢!

回答

1

试试这个:

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

如果#mydiv有类openDiv然后带走它的高度为$(window).scrollTop(),否则仅返回$(window).scrollTop()

1

在jQuery中,您可以使用.height()方法找到每个对象的高度。我不知道在什么地方100px的到来形式,但你可以通过$(“InsertASelectorHere”)替换它的高度()