[건의] 스크롤되는 top 버턴 제안 > 십년전오늘

십년전오늘

10년전 추억의 책장을 넘기며

[건의] 스크롤되는 top 버턴 제안 정보

기타 [건의] 스크롤되는 top 버턴 제안

본문

관리자님....

글이 길고 코멘트가 많을 경우 아래쪽으로 이동하다가...

탑 메뉴를 선택할려면 스크롤의 압박이 너무 심한것 같습니다.

<a name="g4_head"></a>를 이용해서 탑으로 곧바로 갈수있는

스크롤이 지원되는 탑버턴을 우측중간쯤에 하나 붙여주실수 없으신지요?

댓글 전체

음.. 회원님중 누군가의 홈페이지 우측에 빨간 작은 볼이 따라다니는것을 본것 같은데...
어떤분의 홈이었는지 기억이 안나는군요.ㅋㅋㅋ
파이어폭스도 home이 지원은 되는군요.
글작성모드도 아니고 마우스 스크롤로 스핑중이라면 마우스에서 처리가 끝났으면 좋을것 같아서요.^^
음 body 에 onscroll() 을 사용해서 처리하는 깔끔한 소스가 안보이는군요^^
확장성도 있는 좀 심플한 자료가 있으면 좋으련만...
어디가서 급하게 업어 왔습니다.....ㅋㅋㅋ
+++++++++++++++++++++++++++++++++++++
<DIV id=staticbuttons style="LEFT: 5px; POSITION: absolute; TOP: 5px">
<a onmouseover=myspeed=-thespeed onmouseout=myspeed=0>위로</a><br>
<a onmouseover=myspeed=thespeed onmouseout=myspeed=0>아래로</a></DIV>

<SCRIPT>
var Hoffset=60
var Voffset=70
var thespeed=8
var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0
var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function positionit(){
var dsocleft=document.all? document.body.scrollLeft : pageXOffset
var dsoctop=document.all? document.body.scrollTop : pageYOffset
var window_width=ieNOTopera? document.body.clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? document.body.clientHeight : window.innerHeight
if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}
function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}
if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)
</SCRIPT>
이런식의 처리가 좀 심플할것 같은데....

<script language="javascript">
function quick_scroll(){
    var current_h = document.body.scrollTop+150;
    document.all.quick_scroll.style.top = current_h;
}
</script>

<body onscroll=javascript:quick_scroll();>

...

<table>
<tr>
<td id=quick_scroll style="position:absolute; left:910px; top:150px; z-index:1; visibility:visible">
</td>
</tr>
</table>

...

</body>
position: relative; 로하면 화면이 넓거나, 줄일때는 위치가 고정되지않습니다.
대신
<td> 안에
<div>
<table></tr>...............</tr></table>
</div>
</td>
또..스크롤을 원하지 않을때 STOP 체크박스도 필요하겠습니다.
쿠키를 이용하면 24시간이내...에 재 접속시 스크롤이 안되는..
네이버광고삽입소스 뽀려왔는데 ..... 함 보실래요 ?

##############skban.js#################
function floatingBanner(objname, posX, posY)
{
var obj = getRef(objname);
obj.style.top = document.body.scrollTop + posY;
obj.style.visibility = "visible";

obj.style.left = calXBanner(posX);
window.setInterval("calXYBanner('" + objname +"', " + posX + ", " + posY + ");", 10);
}
function calXBanner(posX)
{
var edge = (document.body.clientWidth - 960) / 2;
if( edge < 0 ) edge = 5;
return posX + edge;
}
function calXYBanner(objname, posX, posY)
{
var obj = getRef(objname);
obj.style.left = calXBanner(posX);
var yBannerPos, yScrollTopPos;
var yLimitPos;
var interval;
var yNewPos;
var yNewTop;
var dHeight = posY;
yScrollTopPos = parseInt(document.body.scrollTop, 10);
yBannerPos = parseInt(obj.style.top, 10);
if(document.body.scrollTop < dHeight)
{
yLimitPos = dHeight;
}
else
{
yLimitPos = document.body.scrollTop + 20;
}
if(yBannerPos != yLimitPos)
{
yNewPos = Math.ceil(Math.abs(yLimitPos - yBannerPos) / 10);

if(yLimitPos < yBannerPos)
{
yNewPos = -yNewPos;
}

yNewTop = parseInt(obj.style.top, 10) + yNewPos;
if(yNewTop > document.body.scrollHeight)
{
obj.style.top = document.body.scrollHeight;
}
else
{
obj.style.top = yNewTop;
}
}
}
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
function getRef(id)
{
if(isDOM) return document.getElementById(id);
if(isIE4) return document.all[id];
if(isNS4) return document.layers[id];
}
var isNS = navigator.appName == "Netscape";

####################################3

<script language=javascript src=./skban.js></script>
<div id="RightBanner" style="position:absolute;visibility:hidden;width:;height:78;left:0;z-index:1">
<table width=70 border=0 cellspacing=0 cellpadding=0><tr><td align=center><a href=http://shopping.naver.com/event/0602/><img src=http://imgshopping2.naver.com/mdata/banner_70x75/060220114043097356232700.gif width=70 height=75></a></td></tr><tr><td height=3></td></tr></table></div>
<script language="javascript">floatingBanner("RightBanner", 968, 180);</script>

이상입니다. 그냥 저두 필요할듯해서 ... 검색하다가 네이버에 있길래 뽀렸습니다. 헤헤 ~~~~~~~
전체 130,695
십년전오늘 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT