이전
목록
다음
아

퀵메뉴 무한 스크롤 안되게 하는 법좀 가르쳐주세요~~

아제아제
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2008-03-28 (금) 13:46:54 · 3401 · 1
그누 스킨중에 홈페이지 가운데 정렬에도 퀵메뉴 잡아주는 소스가 있길레 사용 하려하는데요..
이소스를 사용해보니 약간의 문제(?)가 있어서요...
위치도 거의 딱 잡아주는데 문제는 처음 시작위치와 스크롤될때의 퀵메뉴위치를 잡아주는게 없어서인지 낮은 해상도에서는 홈페이지 아래로 무한 스크롤이 가능하더라고요....
무한 스크롤 안되게 하는 법좀 가르쳐주세요~~

<SCRIPT language=javascript>
//사용함수
function ResetRemocon(){

var DivMovingLayerYFrom, DivMovingLayerYTo, OffsetY, ResetTime;

ResetTime = 50;

if (DivMovingLayerRule == 'center'){
//해상도 기준, 가운데 에서 x만큼 떨어진 곳에 위치

if (navigator.userAgent.toLowerCase().indexOf("gecko") > -1) {

if (document.body.clientWidth < ContentsWidth + 10) {

DivMovingLayer.style.left = parseInt (ContentsWidth / 2, 10) + DivMovingLayerX + 10 + "px";
}
else {

DivMovingLayer.style.left = (DivMovingLayerX + (document.body.clientWidth / 2)) + "px";
}
}
else{

if (document.body.clientWidth < ContentsWidth) {

DivMovingLayer.style.left = parseInt (ContentsWidth / 2, 10) + DivMovingLayerX + "px";
}
else {

DivMovingLayer.style.left = (DivMovingLayerX + (document.body.clientWidth / 2)) + "px";
}
}
}
else if (DivMovingLayerRule == 'left'){
//해상도와 무관, 왼쪽 에서 x만큼 떨어진 곳에 위치

DivMovingLayer.style.left = (DivMovingLayerX) + "px";
}

DivMovingLayerYFrom = parseInt (DivMovingLayer.style.top, 10);
DivMovingLayerYTo = DivMovingLayerY + document.body.scrollTop + 1;

if ( DivMovingLayerYFrom != DivMovingLayerYTo ) {

OffsetY = Math.ceil( Math.abs( DivMovingLayerYTo - DivMovingLayerYFrom ) / 20 );

if ( DivMovingLayerYTo < DivMovingLayerYFrom )
OffsetY = -OffsetY;

DivMovingLayer.style.top = (DivMovingLayerYFrom + OffsetY) + "px";

ResetTime = 10;
}

setTimeout ("ResetRemocon()", ResetTime);
}

function SetRemocon() {

DivMovingLayer.style.display = "block";

DivMovingLayer.style.top = (DivMovingLayerY + document.body.scrollTop + 1) + "px";

ResetRemocon();
return true;
}

function NoneRemocon() {

DivMovingLayer.style.display = "none";
selectBoxVisible();
}

//레이어 디자인부분
document.write("<div id=DivMovingLayer style='position:absolute;left:0px;top:360px; z-index:8;display:none;'>");
document.write("<tr><td align='center'><img src='/2008/images/sub/quick.gif' border='0'></td></tr>");
document.write("</table>");
document.write("</div>");

if (typeof document.body == "undefined")
document.body = document.getElementsByTagName("BODY")[0];

var DivMovingLayer = document.getElementById("DivMovingLayer");

//환경설정
var ContentsWidth = 955;//움직이는 레이어를 제외한 콘텐츠 너비, 가운데 정렬에만 해당, 전체 테이블중 제일큰 테이블 너비
var DivMovingLayerX =387;//레이어가 위치할 레프트 값
var DivMovingLayerY = 360;//레어가 위치할 탑 값
var DivMovingLayerRule = 'center';//center -->가운데 정렬을 기준으로 x만큼, left --> 레프트 정렬을 기준으로 x만큼

//레이어 보이기
//SetRemocon();
window.onload=SetRemocon;

</SCRIPT>
#개발자톡 #개발자
|

댓글 1개

AACTIVE
프로필 보기이 회원 글보기이 회원의 댓글보기
 2008-04-27 (일) 14:32:58
아이프레임 스크롤 없게 맹글어서 속에 넣어 버리세요..
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
11-08-16 조회 2,430
11-08-16 조회 2,407
11-08-12 조회 2,256
11-08-02 조회 2,824
11-07-27 조회 2,214
11-07-25 조회 2,331
11-06-28 조회 2,515
11-06-06 조회 4,029
11-06-04 조회 2,614
11-04-25 조회 6,195
11-04-22 조회 2,691
11-04-21 조회 2,926
11-04-08 조회 3,331
11-03-31 조회 2,844
11-03-20 조회 3,274
11-03-10 조회 2,881
11-03-04 조회 3,198
11-03-03 조회 2,931
11-02-26 조회 4,357
11-02-14 조회 5,711
11-02-08 조회 3,314
11-01-30 조회 5,409
11-01-14 조회 5,199
11-01-14 조회 3,750
11-01-14 조회 2,900
11-01-14 조회 2,939
11-01-14 조회 3,088
11-01-12 조회 2,861
11-01-07 조회 4,515
10-12-29 조회 2,517
10-12-22 조회 2,485
10-12-05 조회 5,888
10-11-22 조회 5,249
10-11-13 조회 3,622
10-10-27 조회 3,228
10-10-21 조회 2,926
10-09-21 조회 2,934
10-09-17 조회 2,987
10-09-15 조회 3,425
10-09-14 조회 4,028
10-05-18 조회 2,918
10-02-17 조회 4,364
10-02-12 조회 3,120
09-12-14 조회 5,179
09-12-14 조회 6,052
09-09-19 조회 4,412
09-08-16 조회 6,260
09-07-22 조회 5,666
09-04-13 조회 3,068
09-03-15 조회 5,081
09-03-05 조회 3,909
09-02-09 조회 2,863
08-12-30 조회 3,048
08-12-06 조회 3,239
08-11-30 조회 3,583
08-10-18 조회 4,421
08-10-08 조회 3,816
08-09-19 조회 4,379
08-09-05 조회 3,010
08-09-05 조회 5,113
08-09-05 조회 2,992
08-09-05 조회 3,596
08-09-05 조회 3,501
08-09-01 조회 4,526
08-08-07 조회 2,781
08-06-08 조회 3,243
08-06-02 조회 2,846
08-05-26 조회 5,264
08-05-09 조회 4,327
08-04-22 조회 3,926
08-04-17 조회 4,511
08-04-17 조회 5,584
08-04-17 조회 3,724
08-04-17 조회 8,706
08-04-17 조회 4,622
08-04-17 조회 4,527
08-04-09 조회 3,069
08-03-31 조회 3,566
08-03-26 조회 3,277
08-03-25 조회 3,561
08-03-25 조회 3,982
08-03-25 조회 4,021
08-03-25 조회 3,685
08-03-25 조회 3,574
08-03-25 조회 3,582
08-03-25 조회 5,268
08-02-03 조회 5,352
08-01-18 조회 6,643
08-01-17 조회 3,942
08-01-17 조회 3,757
08-01-12 조회 4,058
08-01-08 조회 3,372
07-12-28 조회 4,647
07-12-04 조회 3,526
07-11-30 조회 5,132
07-11-30 조회 5,738
07-11-02 조회 4,036
07-10-24 조회 4,016
07-10-24 조회 3,295
07-10-24 조회 3,401
글쓰기