04.06.2015, 05:42
Seiten: 1 2
04.06.2015, 10:09
Vielleicht hilft dir dies weiter: http://stackoverflow.com/questions/18909...28#5909328
04.06.2015, 11:47
Code:
jQuery(function($) {
$("#bottom").hide();
$("a[href='#bottom']").click(function() {
$("html, body").animate({ scrollTop: $(document).height() }, "slow");
return false;
});
});ist das falsch?
04.06.2015, 12:31
Das ist nicht der Code auf den ich verlinkt haben (2. Antwort). Eigentlich musst du auch nur den Wert bei scrollTop anpassen.
04.06.2015, 12:35
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...
05.06.2015, 11:15
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
05.06.2015, 16:21
Bei der Zeile fehlt irgendwas, da werden Klammern geöffnet und nirgends geschlossen:
Code:
$(window).scroll(function ();05.06.2015, 17:32
das in den header:
das in die css:
img:
bild nach eurer wahl!
geht nicht auf der indexpage, nur bei threads... och mensch...
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...
05.06.2015, 17:39
Versuche es mal so.
Im footer Template nach
dies einfügen
global.css
Kannst Du ja noch gerne anpassen.
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.
05.06.2015, 18:07
footer ganz unten (hab ich so gemacht):
css:
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.
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.
Seiten: 1 2