[hkkp]

headerinclude:

PHP-Code:

<script type="text/javascript">
jQuery(document).ready(function(jQ){
    appear();
    
    jQ(window).scroll(function(){
        appear();
    });
                      
    function appear() {
        if (jQ(this).scrollTop() > 200) {
            jQ('#scroll_up').fadeIn('slow');
        } else {
            jQ('#scroll_up').fadeOut('slow');
        }
        if (jQ(this).scrollTop() < (jQ('body').height() - (200+jQ(window).height()))) {
            jQ('#scroll_dn').fadeIn('slow');
        } else {
            jQ('#scroll_dn').fadeOut('slow');
        }
    };
    
    jQ('#scroll_up').click(function(){
        jQ('body').stop().animate({scrollTop: 0}, 600);
    });
    jQ('#scroll_dn').click(function(){
        jQ('body').stop().animate({scrollTop: jQ('body').height()}, 600);
    });
});
</script> 


global.css:

Code:

#scroll_up, #scroll_dn {
  position: fixed;
  right: 5px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  display: none;
  z-index: 999;
  background:  #026CB1 url(../../../images/sc_arrow.png) center no-repeat;
}
#scroll_up {
    bottom: 50px;
}
#scroll_dn {
    bottom: 10px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

footer:

PHP-Code:

<span id='scroll_up'></span><span id='scroll_dn'></span> 


es wird alles angezeigt, aber wieso hüpft der nicht nach oben oder unten?