영삼이의 전문 정보 발행처

ViewController 위에 TableView를 올렸을 때 에러나는 이유

뷰 컨트롤러에 테이블뷰를 올리고 나서

스크롤을 아래로 내리면 에러나는 경우는

ChattingViewController *chattingViewController = [[ChattingViewController alloc] initWithNibName:@"ChattingViewController" bundle:nil];

위에처럼하지말고

아래처럼 .h파일에다가 먼저 선언을 해주고 아래처럼 구현해야 한다.

    chattingViewController = [[ChattingViewController alloc] initWithNibName:@"ChattingViewController" bundle:nil];

iScroll을 이용하여, 특정 영역만 스크롤이 가능하게 해보자.
참고 : http://cubiq.org/iscroll
예를 들어 아래와 같은 jquery mobile을 이용하여, 만든 webapp을 구현했다고 치자.
.
.

<div data-role="page" id="page_default" data-theme="e">
.
.

<div data-role="content">

<div id="collapser" data-role="collapsible" data-collapsed="true">

<h3>검색어 입력</h3>

<input  id="enteredItemField" type="search" value="" placeholder="검색어를 입력하세요."</input>

<div data-role="controlgroup" data-type="horizontal" align="center">

<a id="enteredItemSaveButton"href="#" data-icon="star" data-role="button">검색어 저장</a>

<a id="directSearchButton"href="#" data-icon="search" data-role="button">바로 검색</a>

</div>

</div>

<ul id="ItemList" data-role="listview">

<!-- 여기에 동적으로 li가 붙는다. -->

</ul>

</div>

<!-- CONTENT END -->

</div>
.
.
1. 특정 영역만을 scroll가능도록 하기 위해서 일단 이 페이지 (#page_default) 의 스크롤링을 prevent하자.
$("#page_default").live('touchmove', function (e) { e.preventDefault(); }, false); 
2. iscroll.js를 페이지에 import하자.
<script src="./lib/iscroll.js"></script>
3. scrolling되었으면 하는 영역을 래핑하자.

<div id="wrapper">
    <div id="scroller">
        <ul id="itemList" data-role="listview">
            <li>...</li>
        </ul>
    </div>
</div>

#wrapper {
    position:relative;
    z-index:1;
    width:100%;
    height:350px;
    overflow:auto;
}

이 모든 내용은 
http://cubiq.org/iscroll 에 돔 더 자세히 잘 나와 있으니, 참고도록 하자.