[건의] 스크롤되는 top 버턴 제안 > 자유게시판

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

자유게시판

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

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

본문

관리자님....

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

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

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

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

댓글 15개

음.. 회원님중 누군가의 홈페이지 우측에 빨간 작은 볼이 따라다니는것을 본것 같은데...
어떤분의 홈이었는지 기억이 안나는군요.ㅋㅋㅋ
파이어폭스도 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>
td 보다 div를 사용하는것이 더 좋겠죠.
<div id=quick_scroll style="position:absolute; left:910px; top:150px; z-index:1; visibility:visible">
</div>
position: relative; 로하면 화면이 넓거나, 줄일때는 위치가 고정되지않습니다.
대신
<td> 안에
<div>
<table></tr>...............</tr></table>
</div>
</td>
또..스크롤을 원하지 않을때 STOP 체크박스도 필요하겠습니다.
쿠키를 이용하면 24시간이내...에 재 접속시 스크롤이 안되는..
익스에서는 이렇게 하면 되죠.
주소창에 #을...
ex)
http://www.sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=66682#
네이버광고삽입소스 뽀려왔는데 ..... 함 보실래요 ?

##############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>

이상입니다. 그냥 저두 필요할듯해서 ... 검색하다가 네이버에 있길래 뽀렸습니다. 헤헤 ~~~~~~~
전체 195,628 |RSS
자유게시판 내용 검색

회원로그인

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