+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Jump to Bottom (/thread-32181.html)
Seiten: Seiten:
1
2
RE: Jump to Bottom - MrBrechreiz - 05.06.2015
Du hast ja auch das animate aus meinem Beispiel heraus genommen.
RE: Jump to Bottom - hkkp - 05.06.2015
nee, hab ich nicht. dies war mein footer... z-index: 100 hab ich nicht genommen, sondern nur 1, da evtl. überlagerung mit anderen plugins.
RE: Jump to Bottom - MrBrechreiz - 05.06.2015
Bei dir kann man nicht mehr durchblicken
Ich poste einen funktionierenden Code, wenn auch nicht perfekt, Du veränderst ihn wieder und klagst weil er nicht funktioniert, nenene......
RE: Jump to Bottom - hkkp - 05.06.2015
(05.06.2015, 17:07)hkkp schrieb: 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.
der funktioniert definitiv... also deiner bestimmt auch, aber die animation und das hide wollte ich nicht mehr. user will ja einfach draufklicken und oben oder unten sein.
RE: Jump to Bottom - MrBrechreiz - 05.06.2015
Warum haste das nicht un deinem Anfangs Post geschrieben ? Ich bin von der von dir verlinkten Version ausgegangen.
Und was ist mit dieser Argumentation ?
Zitat: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...
RE: Jump to Bottom - hkkp - 05.06.2015
klar, aber ich habe zwischenzeitlich meine meinung geändert, da es doch sinnvoller ist, weil nach unten und das icon ist versteckt, ist iwie doof.. so wie im anhang schaut es besser aus...
RE: Jump to Bottom - hkkp - 05.06.2015
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>
ersetze durch:
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>
RE: Jump to Bottom - MrBrechreiz - 06.06.2015
Und was willst Du damit erreichen, wo ist der Unterschied zwischen deinen beiden Code´s ?