解決IOS因iframe滑動引起的橡皮筋效果
阿新 • • 發佈:2018-12-15
這個在上一篇文章也提過,IOS應用有一個功能需要預覽郵件內容,郵件內容是iframe巢狀,並且使用scale進行縮放,在iframe上使用mailbox包含這個ifrme;在box上添加了相應的樣式,使得這個iframe可以進行滑動;但是這樣就將我們之前禁止的橡皮筋效果有恢復了,而且只有這個頁面才有;
禁止橡皮筋效果程式碼:
document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止預設的處理方式(阻止下拉滑動的效果) }, {passive: false});
經過一系列測試:對iframe新增touch的各種事件進行判斷,沒有實質的解決問題;想了想還是在IOS原生上修改;開啟AppDelegate.m找到
- (BOOL)application:(UIApplication*)application didFinishLaunchingWithOptions:(NSDictionary*)launchOptions
方法,新增以下程式碼:
self.viewController.webView.scrollView.bounces = NO;
程式啟動完畢,系統自動呼叫此方法
重新執行,問題解決