그누보드 카테고리 스와이프 문의합니다
본문
그누보드 카테고리 2줄을
한 줄로 해서 스와이프 형태로 왼쪽으로 밀면 숨겨진 오른쪽이 나타나는 그런 형태로 만들고 싶은데요 스와이프 갤러리 형태소스는 방법을 몰라 적용이 잘 안되더라구요
그누 카테고리를 스와이프로 만들수 있는 팁 없을까요???
도움 좀 부탁드립니다~
한 줄로 해서 스와이프 형태로 왼쪽으로 밀면 숨겨진 오른쪽이 나타나는 그런 형태로 만들고 싶은데요 스와이프 갤러리 형태소스는 방법을 몰라 적용이 잘 안되더라구요
그누 카테고리를 스와이프로 만들수 있는 팁 없을까요???
도움 좀 부탁드립니다~
답변 1
제이쿼리로 만드는 방법과
http://idangero.us/swiper/demos/#.WbnZ-8hJaUk
html과 css로 만드는 방법이 있습니다
모바일이라면
<style>
#wrap {white-space: nowrap; overflow: auto; overflow-x: scroll; overflow-y: hidden; position: relative; -webkit-overflow-scrolling:touch; }
#wrap ul { list-style:none}
#wrap li {width:75px; height:50px; display: inline-block; }
</style>
<div id="wrap">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</div>
대충 만들어 봤습니다~
감사합니다 ~
답변을 작성하시기 전에 로그인 해주세요.