이전
목록
다음
아

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

아제아제
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2008-03-28 (금) 13:46:54 · 3429 · 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개

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

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
08-06-19 조회 2,406
08-06-15 조회 3,158
08-06-15 조회 2,385
08-06-14 조회 2,726
08-06-14 조회 3,618
08-06-14 조회 3,314
08-06-12 조회 2,195
08-06-11 조회 2,230
08-06-11 조회 2,325
08-06-11 조회 7,359
08-06-11 조회 7,089
08-06-08 조회 3,275
08-06-07 조회 2,207
08-06-05 조회 2,329
08-06-05 조회 3,305
08-06-05 조회 2,672
08-06-05 조회 2,327
08-06-05 조회 2,356
08-06-04 조회 2,276
08-06-03 조회 2,265
08-06-03 조회 5,342
08-06-03 조회 3,580
08-06-02 조회 2,878
08-06-02 조회 4,014
08-06-01 조회 2,636
08-05-31 조회 2,328
08-05-31 조회 2,341
08-05-31 조회 2,430
08-05-30 조회 2,301
08-05-29 조회 2,443
08-05-29 조회 3,702
08-05-27 조회 5,535
08-05-26 조회 2,381
08-05-26 조회 5,296
08-05-25 조회 5,369
08-05-24 조회 2,437
08-05-23 조회 3,443
08-05-23 조회 2,857
08-05-23 조회 4,614
08-05-22 조회 2,615
08-05-21 조회 4,958
08-05-21 조회 4,741
08-05-21 조회 3,898
08-05-20 조회 4,492
08-05-20 조회 4,081
08-05-20 조회 3,307
08-05-20 조회 4,575
08-05-20 조회 3,935
08-05-20 조회 4,821
08-05-19 조회 2,356
08-05-16 조회 3,479
08-05-15 조회 2,545
08-05-15 조회 2,375
08-05-15 조회 2,368
08-05-14 조회 2,301
08-05-13 조회 2,756
08-05-13 조회 4,154
08-05-13 조회 4,587
08-05-09 조회 4,355
08-05-08 조회 3,108
08-05-08 조회 5,263
08-05-08 조회 2,622
08-05-07 조회 2,324
08-05-07 조회 2,474
08-05-07 조회 2,281
08-05-01 조회 2,599
08-05-01 조회 2,951
08-04-29 조회 3,797
08-04-28 조회 3,613
08-04-26 조회 2,628
08-04-26 조회 2,362
08-04-26 조회 3,634
08-04-25 조회 4,061
08-04-23 조회 4,500
08-04-22 조회 4,436
08-04-22 조회 3,587
08-04-22 조회 5,151
08-04-22 조회 4,525
08-04-22 조회 6,909
08-04-22 조회 3,977
08-04-21 조회 3,116
08-04-21 조회 3,167
08-04-21 조회 3,110
08-04-21 조회 2,949
08-04-21 조회 4,064
08-04-20 조회 3,222
08-04-20 조회 2,909
08-04-20 조회 3,441
08-04-19 조회 2,338
08-04-18 조회 3,043
08-04-18 조회 4,360
08-04-17 조회 3,592
08-04-17 조회 3,044
08-04-17 조회 3,270
08-04-17 조회 2,553
08-04-17 조회 2,951
08-04-17 조회 2,436
08-04-17 조회 2,994
08-04-17 조회 3,050
08-04-17 조회 2,251
글쓰기