jQuery Mobile의 listview search data-filter 위치 Fixed

jQuery Mobile 위치 Fixed하기 (스크롤해도 항상 위에 있게)

 

You can customize the search-filter-element's CSS so it is fixed in the viewport.

#my-wrapper {
    padding-top : 45px;
}
#my-wrapper form {
    position : fixed;
    top      : 15px;
    left     : 15px;
    width    : 100%;
    z-index  : 1;
}​

You'll notice the #my-wrapper selector, I used it to be able to target just the search-input for a specific listview widget. My HTML looks like this:

    <div id="my-wrapper">
        <ul data-filter="true" data-role="listview">
            ...
        </ul>
    </div>

 

참고: https://stackoverflow.com/questions/12681799/jquery-mobile-data-filter-fixed-position-static