Web/jQuery

jQuery Mobile의 listview search data-filter 위치 Fixed

saltdoll 2018. 6. 2. 22:40
반응형

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

반응형
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)