스크롤 되는....

2006-10-24 11:53:25

작성자 : 선녀

조회 2,274, 추천 367

서노님....말씀대로 삼각대 열번 외치고 왔답니다. ㅋㅋ

말씀하신 스크롤 되는....소스입니다.
<head> 사이인지 <body>에 인지 정확히는 모르겠어요. 전 그냥 body에 넣었어요.
//
function GoTop() {
window.scrollTo(0,0);
}

var Xpos = 0;
var Ypos = 0;
var Ygravity = 0.85;
var scrollPos = 0;
var oldScrollPos = 0;

function FloatMenu() {
docWidth = document.body.clientWidth; // Update document width
docHeight = document.body.clientHeight; // Update document height
oldScrollPos = scrollPos;
scrollPos = document.body.scrollTop; // Update scrollbar position

Xpos = 750;
//Xpos = (docWidth - floater.offsetWidth) - 10; //오른쪽 여백 배너가 오른쪽에 붙을경우
//Xpos = (docWidth / 2) + 410; // 중앙정렬일경우. " + 410 은 테이블 크기 / 2 "
Yboundary = ((scrollPos + docHeight) - floater.offsetHeight) - 50; //하단여백

if (floater.offsetTop < Yboundary - 1) // Object is behind boundary
Ypos += 2;

if (floater.offsetTop > Yboundary + 1) // Object is past boundary
Ypos -= 1;

Ypos *= Ygravity; // Slow object down

floater.style.pixelLeft = Xpos;
floater.style.pixelTop += Ypos; // Make object bounce
}

window.setInterval("FloatMenu()", 1); //매개변수중 뒷쪽 숫자는 내려오는 속도

//

숫자 조정하시면 됩니다.

그리고 body 아무곳에
<div id="floater" style="WIDTH: 14px; HEIGHT: 35px; POSITION: absolute; visibility:">
<a href="javascript:GoTop();"><img src="gotop.gif"></a>
</div>

하시면 됩니다. 이미지 사이즈 조절하시고 이미지 url 적으시면....^ ^

그럼 안녕히~~

참 삐질이님도 잘 계세요!~

2006-10-24 16:18:24


	감솨합니다. ^^* 정말이쥐..신의 키스님 홈피가 안열리니 답답함 ... 그 자체네요. ㅠ,.ㅠ 그 다음으로 유명한 선녀님껏도 없으니 정말이지..좌절 입니다. ^^ㅋ

번호	제목	작성자	작성일	추천	조회
138	우왕!! [1]	선녀	2009/10/05	370	2246

137	컴 견적 [1]	서노	2005/07/25	370	2383

136	코포의 습관님께서 전해주신 ...		2005/06/29	370	2109

135	놀아주기....		2005/06/28	370	2195

134	또 비가와서.... [1]		2005/06/14	370	2210

133	추석이예요. [1]	선녀	2006/10/04	369	2105

132	그리운날..... [1]		2005/10/03	369	2199

131	배드민터 [1]	이쁜한나	2008/04/06	368	2211

130	으이쒸......홈피 잘만들... [1]	세에븐	2005/03/31	368	2158

129	.... [1]	재으니...	2004/12/28	368	2099

	스크롤 되는.... [1]	선녀	2006/10/24	367	2274

127	형사진 계속 못올리넹... [1]	Dante	2006/12/16	367	2201

126	Nikon AF 85mm f/1.... [1]	마야	2006/02/14	366	2223

125	연하장용 사진	서노	2006/01/27	366	1993