https://wiki.stephanschlegel.de/index.php?action=history&feed=atom&title=Scroll_ToTop_%28jQuery%29
Scroll ToTop (jQuery) - Versionsgeschichte
2026-05-06T19:00:36Z
Versionsgeschichte dieser Seite in Wikizone
MediaWiki 1.35.14
https://wiki.stephanschlegel.de/index.php?title=Scroll_ToTop_(jQuery)&diff=22346&oldid=prev
37.49.32.84: Die Seite wurde neu angelegt: „Praxistaugliches Beispiel aus alb-massage.de (mit font-awesome für das Icon). HTML <syntaxhighlight lang="html5"> <!-- totop --> <div class="totop" style="di…“
2017-06-02T06:47:56Z
<p>Die Seite wurde neu angelegt: „Praxistaugliches Beispiel aus alb-massage.de (mit font-awesome für das Icon). HTML <syntaxhighlight lang="html5"> <!-- totop --> <div class="totop" style="di…“</p>
<p><b>Neue Seite</b></p><div>Praxistaugliches Beispiel aus alb-massage.de (mit font-awesome für das Icon).<br />
<br />
HTML<br />
<syntaxhighlight lang="html5"><br />
<!-- totop --><br />
<div class="totop" style="display:none;"><br />
<a href="top"><i class="fa fa-angle-double-up fa-2x"></i></a><br />
</div><br />
</syntaxhighlight><br />
<br />
CSS<br />
<syntaxhighlight lang="css"><br />
.totop{<br />
padding: 0.25em 0.5em;<br />
display: block;<br />
position: fixed;<br />
right: 20px;<br />
bottom: 20px;<br />
z-index: 200;<br />
background-color: #333;<br />
background-color: rgba(0,0,0,0.5);<br />
border-radius: 5px;<br />
}<br />
.totop a{<br />
color: #FFF;<br />
display:block;<br />
}<br />
</syntaxhighlight><br />
<br />
JavaScript<br />
<syntaxhighlight lang="javascript"><br />
$(document).ready(function() {<br />
$('.totop').hide();<br />
$(window).scroll(function(){<br />
var value = 200; // Show at offset from x px <br />
var scrolling = $(window).scrollTop();<br />
if (scrolling > value) {<br />
$('.totop').fadeIn();<br />
} else {<br />
$('.totop').fadeOut();<br />
}<br />
});<br />
$('.totop').click(function(){<br />
$('html, body').animate({scrollTop:'0px'}, 400);<br />
return false;<br />
});<br />
});<br />
</syntaxhighlight></div>
37.49.32.84