반응형
jQuery Mobile을 이용해서 작업을 하다보면,
Header의 바와 ui-content의 사이가 다른 곳보다 여백이 커서 보기가 싫을 때가 있습니다.
class="ui-contenct"영역에 간단한 inline CSS 스타일 값을 줌으로 해결 할 수 있습니다.
// padding-top: 0px으로 여백을 줄입니다.
<div role="main" class="ui-content" style="padding-top: 0px"> 해당 여백은 ui-content에 어떤 요소(Element)를 넣어주는 냐에 따라 다르게 나타나긴 합니다.
해당 부분에 대한 UI를 만드시다가 여백이 너무 크시다 싶으면 해당 css추가로 해결 하시길 바랍니다.
참고:
2018/06/02 - [Web/jQuery] - jQuery Mobile의 listview search data-filter 위치 Fixed
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 { pos..
blog.edit.kr
반응형
'Web > jQuery' 카테고리의 다른 글
| jQuery <select>의 <option>변경하기 + 멀티 콤보박스(Multi-Select Combo box) (0) | 2019.09.26 |
|---|---|
| jQuery Mobile 의 <textarea> 높이 (height) rows 값 적용되게 설정하기 (0) | 2019.06.12 |
| jQuery Mobile 1.4 SVG Icon (0) | 2018.12.05 |
| jQuery Mobile: Grid 한줄에 버튼 2개이상 놓기 (최대5개) (0) | 2018.06.05 |
| jQuery Mobile: document ready vs. page events (0) | 2018.06.03 |
| jQuery Mobile Button 숨기기 (0) | 2018.06.03 |
| jQuery Mobile 화면 최상단으로 Scroll 이동하기 (0) | 2018.06.02 |
| jQuery 특정 id 객체로 화면 스크롤링 해서 이동하기 (0) | 2018.06.02 |
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)
(로그인하지 않으셔도 가능)