在使用WKWebView展示H5頁面.
理想效果圖:
實際頁面展示效果圖:
如圖,項目來源Item被提交按鈕遮擋住,但是上拉的時候能夠顯示,一放手就回到圖1效果.
我的猜想:
? ?這個"提交"按鈕是一直懸浮在頁面的底部的.這樣的話,也就是說,webView在獲取頁面的高度的時候并沒有獲取到"提交"按鈕的高度.導(dǎo)致了webView.scrollView.contentSize.height 比實際頁面的高度要小，所以會被遮擋住。
那么，既然是獲取的頁面高度不夠，那直接修改webView.scrollView.contentSize 的高度應(yīng)該就可以了。
[scrollView setContentSize:CGSizeMake(CONTENTSIZEX, scrollView.contentSize.height + 20)];
然而,這樣做并沒用~~~~~~~~~
一放手 webView.scrollView.contentSize.height 就變?yōu)樵瓉淼母叨攘?............表示很憂傷
或許增加網(wǎng)頁的高度呢? 加載完成后,通過JS在頁面的底部添加一個空白塊,高度為"提交"按鈕的高度. 經(jīng)過實驗,這樣做可以解決這個問題.
加添空白塊代碼如下:
CGFloataddViewHeight = 20;
NSString * js = [NSString stringWithFormat:@"\
var spaceDiv = document.getElementById(\"AppSpaceDIV\");\
if (spaceDiv){\
spaceDiv.style.height = %@+\"px\";\
} else {\
var spaceDiv = document.createElement(\"div\");\
spaceDiv.setAttribute(\"id\",\"AppSpaceDIV\");\
spaceDiv.style.width=%@+\"px\";\
spaceDiv.style.height=%@+\"px\";\
document.body.appendChild(spaceDiv);\
}",@(addViewHeight),@(myWebView.scrollView.contentSize.width),@(addViewHeight)];
[myWebView evaluateJavaScript:jscompletion Handler:nil];
如果有更好的解決辦法。還請大家不吝賜教。
