모바일에서 iframe 은 스크롤바가 생성되지 않는군요.... -_-
컨텐츠의 길이만큼 자동으로 늘어납니다. -_-
터치 기반의 모바일 디바이스에서 사용자가 스크롤바를 각각 컨트롤 하기 어렵기 때문이겠죠.

레이어 스크롤바를 써야 합니다..  이거 찾는데 이틀 걸렸습니다.
왜 아무도 설명을 안해놨지.. -_-
레이어 스크롤에도 스크롤바는 보이지 않습니다. 따라서 스크롤 할수 없습니다.
레이어 영역의 최상단이 디폴트로 보여집니다. 중간에 내용이 늘어나도 하단 내용을 볼수 없습니다.
이를 해결하기 위해서는 레이어 영역이 늘어나는 경우 view 영역이 하단으로 가도록 스크립트 처리해야합니다.

<div id="msg" style="overflow:scroll;width:100%;height:100%">
</div>
아래 스크립트 참조
msgObj = document.getElementById("msg");
msgObj.innerHTML = msgObj.innerHTML  + str;
msgObj.scrollTop = msgObj.scrollHeight;