2015-12-05 83 views
0

嗨,我正在開發使用科爾多瓦的跨平臺移動應用程序。在iOS平臺上,當頁面上下移動時,我的應用程序會滾動翻頁。爲此,我有一個代碼來停止滾動,並使用以下腳本使我的應用程序像本地應用程序一樣。如何爲移動應用程序製作滾動自定義?

$('body').on('touchstart','.scrollable',function(e) { 
    if (e.currentTarget.scrollTop === 0) { 
     e.currentTarget.scrollTop = 1; 
    } else if (e.currentTarget.scrollHeight 
       === e.currentTarget.scrollTop 
        + e.currentTarget.offsetHeight) { 
     e.currentTarget.scrollTop -= 1; 
    } 
    }); 
    $('body').on('touchmove','.scrollable',function(e) { 
    e.stopPropagation(); 
    }); 

這工作正常。我的應用程序不滾動頂部和底部。但在我的代碼我有div元素與樣式屬性overflow:auto;這滾動時,內容超過div大小,但使用此代碼後,我的div滾動不起作用。如何使這項工作。 這是div元素我的CSS代碼,

.tablediv { 
    position: absolute; 
    left: 0px; 
    top: 136px; 
    width: 414px; 
    height: 375px; 
    overflow: auto; 
} 

我需要滾動所必需的元素。有人能幫我嗎?提前致謝。

回答

2

你不必寫JS防止反彈時,有一個在您的config.xml爲設置:

<preference name="DisallowOverscroll" value="true" /> 
相關問題