1466201736136.jpg

http://m.targetview.com/news/bridge/?site_r=bS53aGl0ZXBhcGVyLmNvLmty&mdcode=0DFFFFFP#_


이 화면처럼 스와이프했을때 해당 메뉴가 뜨게 하려면

메뉴에 접속한 메뉴에 대하여 클래스를 지정하여 만들면 되는 걸까요?


아래 왼쪽에 메뉴를 위 스샷처럼 만들려고 합니다. 


20160617-2.png

왼쪽 사이드바에 메뉴를 띄우는데 스와이프로 다른 메뉴 간에 이동이 가능하게끔 만들려고 하는데요.

혹시 이게 가능한가요?;;

 

ul  |ul  |ul  |

- li |- li |- li |

- li |- li |- li |

 

이런 식으로 있으면 만약 두번째 ul에 있는 li를 보고 있으면

두번째 ul 이 보이고,

스와이프 해서 첫번째 메뉴로 이동해서 첫번째 ul 아래 메뉴를 클릭해서 보면

첫번째 ul 이 보이게끔 하고 싶은데

 

이런게 보여주는 게 가능한가요?;;

(안된면 셀렉트박스로 하려고 합니다.. ㅠㅠ)

 

  • profile
    swiper 플러그인을 사용하신다면 initialSlide 속성으로 구현 가능해요

    열려있는 메뉴에 class를 부여하고 그 인덱스값을 구해서

    initialSlide 값으로 넣으면 됩니다

    http://idangero.us/swiper/api/ 참고하세요
  • profile

    여기에 적용되어 있습니다
    http://mobile.phiz.kr/index.php?mid=about&m=1

    여기 하단에도

    http://mobile.phiz.kr/index.php?mid=main00&m=1

  • profile profile
    그페이지에 접속했을 때 해당메뉴사 포커싱되어있으려면 구분해서 클래스만 넣으면 되는 건가요?
  • profile profile

    다시 생각해보니 구현하고자 하시는 사항하고는 조금 다른 것 같네요
    위 데모에 구현된것은(targetview도) 각 메뉴에 웨젯이 포함된 것이고, 즉 각 메뉴에 있는 내용들이 이미 한페이지에 출력되어 있는 상황인데
    각각 다른 페이지들로 구성된 메뉴를 스와이프하려면 그건 조금 다르죠.(코어를 왕창 뜯어 고지지않는한)

  • profile profile
    한번 열심히 고민해봐야겠네요. ^^
  • profile profile
    각 메뉴의 페이지를 아작스로 불러올 수 있도록 코어를 수정하지 않는 한 어려울 거예요
  • profile profile
    잉잉 안돼요 ㅠㅠ 어려우면!! ㅠㅠㅠㅠㅠ