http://foodchain.tistory.com/66
여기 있는 것을 어느정도 만들어 사용하니 네이버 비슷하게 보입니다
단 페이지를 넘기면 위 메뉴도 따라 움직여야하는데 페이지만 슬라이드로 넘어가고 메뉴는 그대로 있네요
이것만 고치면 모바일에 쓸만 할것 같네요 ...
http://foodchain.tistory.com/66
여기 있는 것을 어느정도 만들어 사용하니 네이버 비슷하게 보입니다
단 페이지를 넘기면 위 메뉴도 따라 움직여야하는데 페이지만 슬라이드로 넘어가고 메뉴는 그대로 있네요
이것만 고치면 모바일에 쓸만 할것 같네요 ...
글쎄요.....-0-;;;
제 클라이언트는 네이버같은 느낌이 필요가 없어서 생각해본적이 없어요....-0-;;;
게다가 기능만 있으면 디자인은 수정하면 된다라는 생각이라서... 찾아볼 생각도 안했네요....-0-
요즘은 보통 모바일은 swipe 기술을 사용할 것입니다.
https://xe1.xpressengine.com/index.php?mid=download&package_id=22753542
이 레이아웃도 나온지 오래되었지만 스와이프로 상단 타이틀이 맞추서 변경이 되죠.
사용하는 스와이프와 js에서 요구하는 class 등을 매칭해서 단순히 페이지가 넘어갔을때 아니면 상단에 탭형식으로 다른 메뉴로 이동할때 등을 다르게 동작하게 합니다.
제가 사용하는 모바일 레이아웃에 사용된 swipe.js가 오래된 버전이라 페이지 로딩될때 여러페이지 전체가 한번 보여졌다가 다시 페이지로 구분되어 보여지는 부자연스러운 모습이라 최신으로 바꾸는 작업을 한번 했습니다.
여기에 글도 한번 썼었구요.. 그때 작업을 해보니 js들이 요구하는 class와 여러 규칙에 맞게 해야 하더군요.
그런것을 잘 하지 못하면 말씀하신대로 슬라이드되서 넘어가도 상단 메뉴가 같이 넘어가지 않거나 완전 다른 모습을 보여주거 합니다.
그건 swipe.js의 버전 문제가 아닙니다. 어떤 부분에 슬라이드를 적용할지 선택의 문제입니다.
- 제가 최신버전으로 교체한건 페이지의 목록 전체가 모두 한번 보였다가 깜빡하고 페이지로 구분되는 부자연스러운 모습 때문이었습니다.
지금 어떤 곳의 무엇의 페이지를 늘리려고 하시는지 알 수 없어 답변하기 어렵네요.
지금 제가 보여드린 이미지는 위젯에서 목록의 페이지수를 지정하고 탭을 지정합니다. 그것을 슬라이드로 동작하게 연동한 것입니다.
sweet mobile 의 위젯이 이런 기능이 있나요?
XE공홈을 예시로 설명해 주시면 어떤 것을 원하는지 이해가 쉬울 수도 있겠습니다.
필요에 따라서 잘 응용하면 좋지요~ㅎ