10.05.2015, 20:35
headerinclude:
global.css:
footer:
es wird alles angezeigt, aber wieso hüpft der nicht nach oben oder unten?
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?