[hkkp]

Hallo,

wäre es für jemanden möglich, dieses Tutorial so umzuschreiben, dass es eben nach unten springt.

vielen dank!

[StefanT]

Vielleicht hilft dir dies weiter: http://stackoverflow.com/questions/18909...28#5909328

[hkkp]

Code:

jQuery(function($) {
$("#bottom").hide();
$("a[href='#bottom']").click(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, "slow");
  return false;
});
});

ist das falsch?

[StefanT]

Das ist nicht der Code auf den ich verlinkt haben (2. Antwort). Eigentlich musst du auch nur den Wert bei scrollTop anpassen.

[hkkp]

ja und wo mach ich dann den rein und ich wollte eigentlich dann auch so ein icon, wie bei dem von mir verlinkten tutorial haben, auch das er versteckt ist, wenn man runterscrollt...

[hkkp]

PHP-Code:

<div id='backdown'>
<a class='go-down' href='#down' title='Nach unten'><img src="{$theme['imgdir']}/backtodown.png" /></a>
</div>
<script type="text/javascript">
jQuery(function($) {
$(window).scroll(function ();
$('.go-down').click(function () {
$('html, body')({
scrollTop: $(document).height()-$(window).height()},
"easeOutQuint"
);
return false;
});
});
</script>


funktioniert nicht. ist alles im header... grübel

[StefanT]

Bei der Zeile fehlt irgendwas, da werden Klammern geöffnet und nirgends geschlossen:

Code:

$(window).scroll(function ();

[hkkp]

das in den header:

PHP-Code:

<div id='backdown'>
<a class='go-down' href='#down' title='Nach unten'><img src="{$theme['imgdir']}/backtodown.png" /></a>
</div>
<script type="text/javascript">
jQuery(function($) {
  $(window).scroll(function () > 400))
  $('.go-down').click(function () {
    $('html, body')({
   scrollTop: $(document).height()-$(window).height()
    },   
   "easeOutQuint"
);
    return false;
  });
});
</script>


das in die css:

PHP-Code:

#backdown{position:fixed;top:80px;right:10px;margin:0;padding:0;width:36px;height:36px;z-index:1;}


img:

bild nach eurer wahl!

geht nicht auf der indexpage, nur bei threads... och mensch...

[MrBrechreiz]

Versuche es mal so.

Im footer Template nach

Code:

{$auto_dst_detection}

dies einfügen

Code:

<a name="bottom" id="bottom"></a>

<div id="backtobottom"><a href="#bottom" title="Scroll nach unten"><img src="{$theme['imgdir']}/bottom.png" alt="" /></a></div>
<script type="text/javascript">
$(document).ready(function(){

    $("#backtobottom").hide();
    
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('#backtobottom').fadeIn();
            } else {
                $('#backtobottom').fadeOut();
            }
        });

        var bottom = $(document).height() - $(window).height();
        $('#backtobottom a').click(function () {
            $('body,html').animate({
                scrollTop: bottom
            }, 800);
            return false;
        });
    });
    $("#backtobottom").hide(1000);
});
</script>

global.css

Code:

#backtobottom {
    position: fixed;
    bottom: 50px;
    right: 10px;
    margin: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    z-index: 100;
}

Kannst Du ja noch gerne anpassen.

[hkkp]

footer ganz unten (hab ich so gemacht):

PHP-Code:

<a name="bottom" id="bottom"></a>
<div id="backtobottom"><a href="#bottom" title="Scroll nach unten"><img src="{$theme['imgdir']}/backtodown.png" alt="" /></a></div>
<script type="text/javascript">
$(document).ready(function(){  
    $(function () {
        $(window).scroll(function ());
        var bottom = $(document).height() - $(window).height();
        $('#backtobottom a').click(function () {
            $('body,html') ({
                scrollTop: bottom
            });
            return false;
        });
    });  
</script>


css:

PHP-Code:

#backtobottom{position:fixed;top:80px;right:10px;margin:0;padding:0;width:36px;height:36px;z-index:1;}


das icon ist immer da... weil ich außen- und innenabstände zum container habe. auch die ganze animation ist nicht...

thanks to mister brechreiz... <a name="bottom" id="bottom"></a>, dies war mir klar, aber ich war am herumexperimentieren damit, halt wohin usw.