이런 형식의 사이트를 만들어보려고 합니다..
얀별
참고사이트주소에요...
http://www.pixdine.com/#home화면 상단에 메인 카테고리가 고정되어있고 각 메뉴를 클릭하면 해당하는 페이지로 스크롤이 됩니다.
서브페이지가 변경되는것이 아니라 세로로 죽 붙어있는 모양새가 될거에요.
구조부터 잡아보려고하는데 맞게 하고있는건지;;;
화면 상단 메뉴 카테고리는 position:fixed 를 사용해서 고정할 생각이고요.
서브페이지는 각 div로 작업해서 각각 id 값을 지정하고 메뉴 링크에 id 값을 넣으면 그 위치로는 이동을 해요.
하지만 이렇게만 한다면 자연스레 스크롤되지않고 띡 띡 화면만 바뀌잖아요.
그래서 스크롤 되게 하기 위해서 스크립트를 사용하려고 하는데요.
animate 를 이용해서position top값을 제어해주면 될까 하고 생각했는데 서브페이지의 높이가 고정일수는 없잖아요.
어떻게 처리를 해야할지;;;
그리고 스크롤 할때 보여지는 서브페이지에 해당하는 메뉴카테고리를 롤오버 시키고 싶은데 요건 어찌하나요?
스크롤 높이값을 계산해주어야 하나요??
뭔가 두루뭉실하게 어림짐작만 할뿐이지 어찌해야할지를 모르겠네요;;;
-
가지
썩은수다님 소유님 답변 감사합니다 알려주신 스크립트 잘 살펴봐야겠어요~^^
-
뽀송뽀송
일단 클릭 후 해당id로 이동은 scrollto.js 참고 하시구요
메뉴 카테고리를 롤오버시키는건 해당엘리먼트가 화면에 보이면
addclass 사라지면 removeclass 이런 형태로 구현하는걸로 알고 있어요 -
꽃짱구
그 사이트의 scrollHandle.js를 분석해보세요.
a href의 #[값] 을 가지고 해당 위치까지 스크롤링 하는 방식인거 같네요.
적어도 jQuery로 작업하시면 어려움은 없을 것 같아요.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2696263 | 프로그래밍 공부시작 질문 (6) | 진이 | 2025-05-28 |
2696206 | SK2의 플래시를 밴치마킹하려고하는데요.. (1) | 비내리던날 | 2025-05-27 |
2696179 | ie7에서 사라지지가 않네요. (2) | 빛길 | 2025-05-27 |
2696150 | div에 스크롤 생기게 하려면... (2) | 에드가 | 2025-05-27 |
2696123 | 자료구조론 공부중인데 | 김자영 | 2025-05-26 |
2696094 | exe 파일 | 제철 | 2025-05-26 |
2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |
2695785 | 웹 설정 도와줄분 | 화이트캣 | 2025-05-23 |
2695730 | 갑자기 기억이 안나는데 accesskey 속성.. | 빛나라 | 2025-05-23 |
2695702 | [질문] Java 버전 차이에 의한 오류?!! (2) | 검사 | 2025-05-23 |
2695672 | 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) | 뽀그리 | 2025-05-22 |
2695647 | 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) | 아빠몬 | 2025-05-22 |
2695586 | IFRAME 캐싱 질문 | 봄나비 | 2025-05-22 |
2695498 | [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; | 터1프한렩 | 2025-05-21 |