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?
Mit freundlichen Grüßen
Für etwaige Tipps, Vorschläge oder Anleitungen von mir gebe ich keine Gewähr. Die Durchführung erfolgt auf eigene Gefahr!
Für etwaige Tipps, Vorschläge oder Anleitungen von mir gebe ich keine Gewähr. Die Durchführung erfolgt auf eigene Gefahr!