[건의] 스크롤되는 top 버턴 제안 정보
기타 [건의] 스크롤되는 top 버턴 제안본문
관리자님....
글이 길고 코멘트가 많을 경우 아래쪽으로 이동하다가...
탑 메뉴를 선택할려면 스크롤의 압박이 너무 심한것 같습니다.
<a name="g4_head"></a>를 이용해서 탑으로 곧바로 갈수있는
스크롤이 지원되는 탑버턴을 우측중간쯤에 하나 붙여주실수 없으신지요?
글이 길고 코멘트가 많을 경우 아래쪽으로 이동하다가...
탑 메뉴를 선택할려면 스크롤의 압박이 너무 심한것 같습니다.
<a name="g4_head"></a>를 이용해서 탑으로 곧바로 갈수있는
스크롤이 지원되는 탑버턴을 우측중간쯤에 하나 붙여주실수 없으신지요?
댓글 전체
찬성 한표~ ^^
음.. 회원님중 누군가의 홈페이지 우측에 빨간 작은 볼이 따라다니는것을 본것 같은데...
어떤분의 홈이었는지 기억이 안나는군요.ㅋㅋㅋ
어떤분의 홈이었는지 기억이 안나는군요.ㅋㅋㅋ
알려주시면 제가 뽀려오겠습니다......ㅎㅎㅎ
전 내려가다가 지치면 주소창으로 다시 접속합니다......킁~~~~~~
키보드에서 home 버튼 누르면 맨위로 올라가지 않나요? 전 익스쓰는데 익스만되나?? ㅡ.ㅡ;
파이어폭스도 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>
+++++++++++++++++++++++++++++++++++++
<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>
<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>
<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시간이내...에 재 접속시 스크롤이 안되는..
대신
<td> 안에
<div>
<table></tr>...............</tr></table>
</div>
</td>
또..스크롤을 원하지 않을때 STOP 체크박스도 필요하겠습니다.
쿠키를 이용하면 24시간이내...에 재 접속시 스크롤이 안되는..
화면 크기 변화에는 relative가 효과적입니다.
다만 어떤 경우에 공간이 생기는 단점이 있긴 합니다.
다만 어떤 경우에 공간이 생기는 단점이 있긴 합니다.
문맥에 ..position:absolute 가 있어서
position: relative; 해야된다는..그런 말이었습니다.
position: relative; 해야된다는..그런 말이었습니다.
네이버광고삽입소스 뽀려왔는데 ..... 함 보실래요 ?
##############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>
이상입니다. 그냥 저두 필요할듯해서 ... 검색하다가 네이버에 있길래 뽀렸습니다. 헤헤 ~~~~~~~
##############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>
이상입니다. 그냥 저두 필요할듯해서 ... 검색하다가 네이버에 있길래 뽀렸습니다. 헤헤 ~~~~~~~