답변 3개
개발자 도구에서 로그 확인해 보시면 에러 뜨시나요? 제 생각엔
저 소스외에 추가로 include된 스크립트를 안불러와서 발생한 오류이지 않을까 싶네요.
" target="_blank" rel="noopener noreferrer">https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-latest-beta.min.js'> " target="_blank" rel="noopener noreferrer">https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/ScrollTrigger.min.js'> " target="_blank" rel="noopener noreferrer">https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/ScrollToPlugin3.min.js'> " target="_blank" rel="noopener noreferrer">https://cdnjs.cloudflare.com/ajax/libs/zepto/1.2.0/zepto.min.js'>
소스외에 총 4개의 파일을 추가로 불러오고 있습니다.
아니면 인클루드 했을때 위 js 소스와 기존의 사이트를 구성하고 있던 js간의 충돌로 인해
발생하는 오류 같습니다. 로그 체크해서 어디서 에러가 나는지 확인하는게 우선일듯 보입니다.
js 에러가 아니라면 css 부분의 오류인데
css 에 보시면 div{position:absolute;} 라고 돼 있는 항목외엔 별다른게 없습니다.
특정 클래스 또는 아이디로 선언된 css 구문이 아니다 보니 기존 사이트를 구성하고 있는 다른 css
div에 대한 position 속성이 다른걸로 선언돼 있어서 작동하지 않을 확률이 높네요.
댓글을 작성하려면 로그인이 필요합니다.
디자인이나 스크립트가 작동을 안하시는거면 다른 부분이랑 충돌이 나는거라서 일단 개발자 도구로 보셔서 스크립트 에러가 없으면 디자인 css를 변경하셔야 할거 같습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인