求助VPS网页代码修改

Ruclinux

下边这个是返回页首顶部的代码，有没有懂的朋友能不能改成可以返回页首和直达底部的代码呢？谢谢了.

<div id="BackTop" style="position:fixed;bottom:60px;right:10px;display:none;cursor:pointer;"><a title="Top" onclick="window.scrollTo(0,0);return false;" href="#top" class="back-top">Top</a><img src="/images/back-top.png"/></div>
<script type="text/javascript">
        idBackTop=document.getElementById('BackTop');
        idBackTop.onclick=function (){
                document.documentElement.scrollTop=0;
                sb();
                }
        window.onscroll=sb;
        function sb(){
                if(document.documentElement.scrollTop==0){
                        idBackTop.style.display="none";
                        }else{
                                idBackTop.style.display="block";
                                }
                }
</script>

我把代码改成这样的无效.

<div id="Gotobottom" style="position:fixed;top:60px;right:10px;display:none;cursor:pointer;"><a title="bottom" onclick="window.scrollTo(0,0);return false;" href="#bottom" class="go-bottom">bottom</a><img src="/images/back-top.png"/></div>
<script type="text/javascript">
        idGotobottom=document.getElementById('Gotobottom');
        idGotobottom.onclick=function (){
                document.documentElement.scrollTop=0;
                sb();
                }
        window.onscroll=sb;
        function sb(){
                if(document.documentElement.scrollTop==0){
                        idBackTop.style.display="none";
                        }else{
                                idGotobottom.style.display="block";
                                }
                }
</script>

Ruclinux

加个 if() ?

狂奔的蜗牛

标题看不懂

Mr.Ra1n

Ruclinux 发表于 2012-9-6 00:35
首先谢谢了.这个我看过，因为我不想添加JS代码，所以我找了我发的那个.

你那个一样有JS。

Ruclinux

ABCD大呢？代码折腾帝呢？

Mr.Ra1n

假设，头部的DOM ID为head，底部的DOM ID为foot。
<a href="#head">返回顶部</a><a href="#foot">返回尾部</a>

除了可以用ID，还可以在头尾部加<a name="head"></a><a name="foot"></a>
效果是一样的。

Ruclinux

Mr.Ra1n 发表于 2012-9-6 00:17
假设，头部的DOM ID为head，底部的DOM ID为foot。
返回顶部返回尾部

不懂，能写个实例吗？按照我贴出来的您给改一下也成，谢谢了.

Mr.Ra1n

Ruclinux 发表于 2012-9-6 00:19
不懂，能写个实例吗？按照我贴出来的您给改一下也成，谢谢了.  ...

需要JQuery支持，懒得费事写，直接现扒的。

HTML:

1. <div id="shangxia"><div id="shang"></div><div id="xia"></div></div>

复制代码

CSS:

1. #shangxia {
   
2. position: absolute;
   
3. top: 40%;
   
4. left: 50%;
   
5. margin-left: -540px;
   
6. display: block;
   
7. }

复制代码

JS:

1. jQuery(document).ready(function($){
   
2. var s=$('#shangxia').offset().top;$(window).scroll(function(){$("#shangxia").animate({top:$(window).scrollTop()+s+"px"},{queue:false,duration:500})});$body=(window.opera)?(document.compatMode=="CSS1Compat"?$('html'):$('body')):$('html,body');$('#shang').click(function(){$body.animate({scrollTop:'0px'},400)});$('#xia').click(function(){$body.animate({scrollTop:$('#footer').offset().top},400)});$('#comt').click(function(){$body.animate({scrollTop:$('#comments').offset().top},400)});

复制代码

Mr.Ra1n

Ruclinux 发表于 2012-9-6 00:19
不懂，能写个实例吗？按照我贴出来的您给改一下也成，谢谢了.  ...

记得加分。。。

kaia

1. <div id="top">
   
2. <a class="自己加样式" href="#top" >回到顶部</a>

复制代码

就这么简单啊。。。。