1. 程式人生 > >解決IOS因iframe滑動引起的橡皮筋效果

解決IOS因iframe滑動引起的橡皮筋效果

這個在上一篇文章也提過,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;

程式啟動完畢,系統自動呼叫此方法
 

重新執行,問題解決