Hallo, Gast! (Registrieren)

Letzte Ankündigung: Sicherheitsupdate: MyBB 1.8.30 veröffentlicht (09.03.22)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Scroll top and bottom
#1
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({scrollTop0}, 600);
    });
    jQ('#scroll_dn').click(function(){
        jQ('body').stop().animate({scrollTopjQ('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!
Zitieren
#2
Nimm lieber dies

http://www.jqueryscript.net/other/jQuery...ToTop.html
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#3
mmmhhh, wenn ich es denn mal sehen würde...
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!
Zitieren
#4
Da ist ein Button, der nennt sich DEMO ^^
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#5
hat sich erledigt...
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!
Zitieren
#6
In wie fern ?
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#7
nur mit dem link in der mitte will nicht so... weil wenn ich dann auf die mitte klicke, dann will er mich zu true weiterleiten...
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!
Zitieren
#8
(10.05.2015, 22:22)MrBrechreiz schrieb: Nimm lieber dies

http://www.jqueryscript.net/other/jQuery...ToTop.html

hab das genommen. funktionier sehr gut. danke!
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!
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Jump to Bottom hkkp 17 2.205 06.06.2015, 05:51
Letzter Beitrag: MrBrechreiz
  Code-Darstellung im Beitrag ohne Scroll-Balken Rabe 11 3.227 10.08.2014, 11:02
Letzter Beitrag: MrBrechreiz
  Footer always on the bottom hkkp 5 1.263 30.03.2014, 01:46
Letzter Beitrag: MrBrechreiz
  Left Scroll bar wieder Right machen wie da3d 2 1.387 11.06.2010, 07:42
Letzter Beitrag: krafdi
  Smilies nach "bottom" ausrichten. morlock 3 1.404 21.09.2007, 14:31
Letzter Beitrag: morlock