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

스크립트 안에 css적용하는 방법부탁드립니다. ㅠ 채택완료

지음ad 9년 전 조회 2,074

</p><p><script type="text/javascript"></p><p><span class="Apple-tab-span" style="font-size: 11pt; line-height: 1.5; white-space: pre;">				</span><span style="font-size: 11pt; line-height: 1.5;">if(win_scroll <= 233)</span> </p><p><span class="Apple-tab-span" style="white-space:pre">					</span>win_quick.css({ "position":"absolute" });</p><p><span class="Apple-tab-span" style="white-space:pre">				</span>else{</p><p><span class="Apple-tab-span" style="white-space:pre">					</span>if(233 <= hig_quick)</p><p><span class="Apple-tab-span" style="white-space:pre">					</span>win_quick.css({ "position":"fixed" });<span class="Apple-tab-span" style="white-space:pre">				</span></p><p><span class="Apple-tab-span" style="white-space:pre">				</span>else</p><p><span class="Apple-tab-span" style="white-space:pre">					</span>win_quick.css({ "position":"absolute" });</p><p><span class="Apple-tab-span" style="white-space:pre">				</span>}</p><p><span class="Apple-tab-span" style="white-space:pre">			</span>});</p><p></script></p><p>

 

스크립트 안에 top으로 css를 두번 적용하려는데

어떻게 해야되나요?

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

답변 1개

채택된 답변
+20 포인트
p
9년 전

사용하신 코드에서 잘못된 부분을 말씀드리면요.

그냥 자바스크립트가 아니라 제이쿼리를 이용하시는 듯 하네요.

1. 제이쿼리를 사용하시면 사용할 제이쿼리 버전의 호출이 필요할 듯 하고요.

2. "position" 부분 양쪽의 따옴표는 제거해 주시고요.

3. if문에서 여러개의 조건이라면 if 와 else if 를 사용해야 합니다.

두번째 else는 else if 로 변경해야 합니다.

4. if문에서의 조건은 동일한 변수에 대해서 다른 조건을 이용할 때 사용하는 것인데 현재는

비교되는 대상인 변수가 win_scroll과 hig_quick로 두개라서 맞지 않는 것 같습니다.

5. if(win_scroll <= 233) 부분 다음에 { 기호가 있어야 합니다.

즉, if(win_scroll <= 233){ 와 같이 사용하셔야 하고요. else 전에도 } 를 넣어서

}else if 로 변경하셔야 하고요.

6. 스크립트 끝나기 전에 }); 부분은 필요 없습니다.

문법이 너무 많이 틀리네요. 자바스크립트 기본 문법을 좀 더 숙지하셔야 할 듯 하네요.

 

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

답변에 대한 댓글 1개

지음ad
9년 전
port는 정성스러운 답변 감사합니다.
두고두고 읽으면서 체크해야겠네요~!
감사합니다~!

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

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

로그인