콘텐츠 바로가기

디렉토리 정보가 없습니다.
    질문하기오픈노트작성하기


퀵메뉴 질문입니다. 도와주세요
2레벨회원영진.껌 |
이 지식이 받은추천
0
답변 3  |  조회 496

화면을 스크롤하면 화면 왼쪽에 따라다니는 퀵메뉴를 만들었는데 안움직이더군요...

그래서 충돌되는 부분이 있나 살펴봤더니

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

이부분을 지우니까 스크롤이 되더라구요

그런데 저걸 지우면 화면이 왼쪽으로 붙어버려서 별로 보기가 안좋아서...

혹시 어떻게 수정해야 되는지 아시는분 계신가요?

 
목록
답변하시면 포인트 200점을 답변이 채택되면 포인트 500점 을 더 드립니다. 나도 답변하기


RE:퀵메뉴 질문입니다.
3레벨회원카루스마 |

0

잘 모르지만..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

 

이구문를 없애지는 못할것 같습니다. 크로스 브라우징을 하려면 위것은 필수로 적어야하기 때문에 퀵메뉴 스크립트하고 충돌이 나면 퀵메뉴 스크립트를 변경해야합니다.

제가 네이버 검색해보니 좋은 소스 있어서 올릴께요...

 

참고 링크

http://cafe.naver.com/buldon.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=746

 

 

출처:cafe.naver.com/buldon.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=746


RE:퀵메뉴 질문입니다.
10레벨회원선녀와난후끈 |

0

저같은 경우

 

그런 문제 때문에 일부 템플릿은

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 

로 사용하고 있습니다

 

일부..

 

라는걸 참고하시길


RE:퀵메뉴 질문입니다.
3레벨회원카루스마 |

0

위에 제가 답변쓴게 링크가 깨졌나보네요..

 

소스 실행시키고 테스트 해봤습니다...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script>
// 퀵메뉴

function initMoving(target, position, topLimit, btmLimit) {

if (!target)
return false;

var obj = target;
obj.initTop = position;
obj.topLimit = topLimit;
obj.bottomLimit = document.documentElement.scrollHeight - btmLimit;

obj.style.position = "absolute";
obj.top = 80;
obj.left = obj.initLeft;

if (typeof(window.pageYOffset) == "number") {
obj.getTop = function() {
return window.pageYOffset;
}
} else if (typeof(document.documentElement.scrollTop) == "number") {
obj.getTop = function() {
return document.documentElement.scrollTop;
}
} else {
obj.getTop = function() {
return 0;
}
}

if (self.innerHeight) {
alert("1");
obj.getHeight = function() {
return self.innerHeight;
}
} else if(document.documentElement.clientHeight) {
alert("2");
obj.getHeight = function() {
return document.documentElement.clientHeight;
}
} else {
alert("3");
obj.getHeight = function() {
return 500;
}
}

obj.move = setInterval(function() {
if(!document.getElementById('quick_stop') || !document.getElementById('quick_stop').checked){
if (obj.initTop > 0) {
pos = obj.getTop() + obj.initTop;
} else {
pos = obj.getTop() + obj.getHeight() + obj.initTop;
//pos = obj.getTop() + obj.getHeight() / 2 - 15;
}

if (pos > obj.bottomLimit)
pos = obj.bottomLimit;
if (pos < obj.topLimit)
pos = obj.topLimit;

interval = obj.top - pos;
obj.top = obj.top - interval / 3;
obj.style.top = obj.top + "px";
}
}, 30)
}
</script>
</head>
<body>
<div id="quick_top">
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
</ul>
</div>
<script type="text/javascript">initMoving(document.getElementById("quick_top"),20, 50, 40);</script>
</body>
</html>
 


목록 TOP

관련 검색           질문하기오픈노트작성하기
큐노트 디렉토리:  
포인트 적립 팁
  • 큐노트 최초등록 300 점
  • 질문등록 50 점
  • 답변등록 200 점
  • 답변채택 500 점 + @
  • 오픈노트 등록 1,500 점
  • 태그입력 5 점
  • 추천 3 점
  • 나도한마디 3 점
  • 질문삭제 -50 점
  • 답변삭제 -200 점
HOME+%3E+%ED%81%90%EB%85%B8%ED%8A%B8+%3E+%EB%AC%B8%EC%A0%9C%ED%95%B4%EA%B2%B0