2014-02-18 54 views
0

我有我的網站的部分應該被隱藏在像用戶滾動:iOS的觸發與方向改變滾動事件

$(window).scroll(function() { 
    $('header').addClass('colapsed'); 
}); 

視口被設置爲防止結垢,如:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 

但是每當iOS上的方向改變時,我的滾動回調被調用。任何想法如何克服這一點?

PS:它在Android上正常工作

回答

3

跟蹤最新的方向更改。在滾動回調中,檢查當前的方向是否與先前的方向相匹配;如果它不匹配,就會知道這是一個方向更改,因此您可以忽略它。