테스트 사이트 - 개발 중인 베타 버전입니다

inculde 하여 불러온 html이 작동을 안합니다ㅠ 채택완료

jeong1992 3년 전 조회 1,449

https://codepen.io/creativeocean/pen/qBbBLyB

 

이소스를 응용하여 회사소개 본문에 넣으려고 하는데요.

서버에 올리고 개별로 확인해보면 잘 작동하나..

인크루드해서 불러오는순간 작동을 안합니다ㅠ..

아이프레임으로 불러오자니 호환성이 너무안좋고..

방법이 없을까요

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
F
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 속성이 다른걸로 선언돼 있어서 작동하지 않을 확률이 높네요. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

3년 전

디자인이나 스크립트가 작동을 안하시는거면 다른 부분이랑 충돌이 나는거라서 일단 개발자 도구로 보셔서 스크립트 에러가 없으면 디자인 css를 변경하셔야 할거 같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

원하시는 페이지에 맞게

css를 다시 수정해야 할 듯합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인