Skip to content

Instantly share code, notes, and snippets.

@Timber232

Timber232/index.html

Created November 20, 2014 15:10
Show Gist options
  • Save Timber232/a3cbe1eacfc3d7924242 to your computer and use it in GitHub Desktop.
Save Timber232/a3cbe1eacfc3d7924242 to your computer and use it in GitHub Desktop.
Download ZIP
ScrollTop: // source http://jsbin.com/yerakatove
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
footer {
background-color: black;
color: white;
height: 100px;
padding: 10px;
}
.scroll-top {
background-color: black;
color: white;
height: 20px;
width: 20px;
position: fixed;
padding: 10px;
text-align: center;
right: 10px;
border: solid white 1px;
bottom: 70px;
}
</style>
</head>
<body>
<p>
Zombie reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.
<br><br>
Cum horribilem walking dead resurgere de crazed sepulcris creaturis, zombie sicut de grave feeding iride et serpens. Pestilentia, shaun ofthe dead scythe animated corpses ipsa screams. Pestilentia est plague haec decaying ambulabat mortuos. Sicut zeder apathetic malus voodoo. Aenean a dolor plan et terror soulless vulnerum contagium accedunt, mortui iam vivam unlife. Qui tardius moveri, brid eof reanimator sed in magna copia sint terribiles undeath legionis. Alii missing oculis aliorum sicut serpere crabs nostram. Putridi braindead odores kill and infect, aere implent left four dead.
<br><br>
Lucio fulci tremor est dark vivos magna. Expansis creepy arm yof darkness ulnis witchcraft missing carnem armis Kirkman Moore and Adlard caeruleum in locis. Romero morbo Congress amarus in auras. Nihil horum sagittis tincidunt, zombie slack-jawed gelida survival portenta. The unleashed virus est, et iam zombie mortui ambulabunt super terram. Souless mortuum glassy-eyed oculos attonitos indifferent back zom bieapoc alypse. An hoc dead snow braaaiiiins sociopathic incipere Clairvius Narcisse, an ante? Is bello mundi z?
<br><br>
Tongue filet mignon meatball leberkas. Filet mignon tongue andouille beef. Pancetta picanha ham hock ham filet mignon capicola drumstick, pork chop andouille fatback. Meatloaf ham beef boudin corned beef landjaeger bresaola capicola brisket short loin pancetta kielbasa.
<br><br>
Turducken bresaola flank chuck kevin, jowl pig. Prosciutto porchetta tongue andouille. Frankfurter pig shoulder shank landjaeger strip steak. T-bone spare ribs cow tongue. Pig strip steak pork loin meatloaf shank, shoulder pancetta boudin. Brisket landjaeger pork chop t-bone.
<br><br>
Chuck shankle pastrami shoulder tenderloin pork loin, beef meatloaf. Ham hock salami corned beef turkey picanha ball tip pastrami tri-tip capicola spare ribs shankle ground round. Swine landjaeger jowl prosciutto biltong. Drumstick brisket jowl, tri-tip jerky short loin turkey hamburger bacon ribeye pork rump. Ribeye spare ribs jowl pancetta cow, pork chop bresaola pastrami.
<br><br>
Lucio fulci tremor est dark vivos magna. Expansis creepy arm yof darkness ulnis witchcraft missing carnem armis Kirkman Moore and Adlard caeruleum in locis. Romero morbo Congress amarus in auras. Nihil horum sagittis tincidunt, zombie slack-jawed gelida survival portenta. The unleashed virus est, et iam zombie mortui ambulabunt super terram. Souless mortuum glassy-eyed oculos attonitos indifferent back zom bieapoc alypse. An hoc dead snow braaaiiiins sociopathic incipere Clairvius Narcisse, an ante? Is bello mundi z?
<br><br>
Tongue filet mignon meatball leberkas. Filet mignon tongue andouille beef. Pancetta picanha ham hock ham filet mignon capicola drumstick, pork chop andouille fatback. Meatloaf ham beef boudin corned beef landjaeger bresaola capicola brisket short loin pancetta kielbasa.
<br><br>
Lucio fulci tremor est dark vivos magna. Expansis creepy arm yof darkness ulnis witchcraft missing carnem armis Kirkman Moore and Adlard caeruleum in locis. Romero morbo Congress amarus in auras. Nihil horum sagittis tincidunt, zombie slack-jawed gelida survival portenta. The unleashed virus est, et iam zombie mortui ambulabunt super terram. Souless mortuum glassy-eyed oculos attonitos indifferent back zom bieapoc alypse. An hoc dead snow braaaiiiins sociopathic incipere Clairvius Narcisse, an ante? Is bello mundi z?
<br><br>
Tongue filet mignon meatball leberkas. Filet mignon tongue andouille beef. Pancetta picanha ham hock ham filet mignon capicola drumstick, pork chop andouille fatback. Meatloaf ham beef boudin corned beef landjaeger bresaola capicola brisket short loin pancetta kielbasa.
<br><br>
Lucio fulci tremor est dark vivos magna. Expansis creepy arm yof darkness ulnis witchcraft missing carnem armis Kirkman Moore and Adlard caeruleum in locis. Romero morbo Congress amarus in auras. Nihil horum sagittis tincidunt, zombie slack-jawed gelida survival portenta. The unleashed virus est, et iam zombie mortui ambulabunt super terram. Souless mortuum glassy-eyed oculos attonitos indifferent back zom bieapoc alypse. An hoc dead snow braaaiiiins sociopathic incipere Clairvius Narcisse, an ante? Is bello mundi z?
<br><br>
Tongue filet mignon meatball leberkas. Filet mignon tongue andouille beef. Pancetta picanha ham hock ham filet mignon capicola drumstick, pork chop andouille fatback. Meatloaf ham beef boudin corned beef landjaeger bresaola capicola brisket short loin pancetta kielbasa.
<br><br>
Lucio fulci tremor est dark vivos magna. Expansis creepy arm yof darkness ulnis witchcraft missing carnem armis Kirkman Moore and Adlard caeruleum in locis. Romero morbo Congress amarus in auras. Nihil horum sagittis tincidunt, zombie slack-jawed gelida survival portenta. The unleashed virus est, et iam zombie mortui ambulabunt super terram. Souless mortuum glassy-eyed oculos attonitos indifferent back zom bieapoc alypse. An hoc dead snow braaaiiiins sociopathic incipere Clairvius Narcisse, an ante? Is bello mundi z?
<br><br>
Tongue filet mignon meatball leberkas. Filet mignon tongue andouille beef. Pancetta picanha ham hock ham filet mignon capicola drumstick, pork chop andouille fatback. Meatloaf ham beef boudin corned beef landjaeger bresaola capicola brisket short loin pancetta kielbasa.
<br><br>
</p>
<div class="scroll-top">^</div>
<footer>
This is a footer
</footer>
<script id="jsbin-javascript">
$('.scroll-top').click(function(){
$('html, body').animate({
scrollTop: 0
});
});
var max_scroll = $(document).height() - $(window).height();
console.log(max_scroll);
$(window).bind("scroll", function() {
if ($(this).scrollTop() > 10) {
$(".scroll-top").fadeIn();
} else {
$(".scroll-top").stop().fadeOut();
}
});
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"><\/script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<p>
Zombie reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.
<br><br>
Cum horribilem walking dead resurgere de crazed sepulcris creaturis, zombie sicut de grave feeding iride et serpens. Pestilentia, shaun ofthe dead scythe animated corpses ipsa screams. Pestilentia est plague haec decaying ambulabat mortuos. Sicut zeder apathetic malus voodoo. Aenean a dolor plan et terror soulless vulnerum contagium accedunt, mortui iam vivam unlife. Qui tardius moveri, brid eof reanimator sed in magna copia sint terribiles undeath legionis. Alii missing oculis aliorum sicut serpere crabs nostram. Putridi braindead odores kill and infect, aere implent left four dead.
<br><br>
Lucio fulci tremor est dark vivos magna. Expansis creepy arm yof darkness ulnis witchcraft missing carnem armis Kirkman Moore and Adlard caeruleum in locis. Romero morbo Congress amarus in auras. Nihil horum sagittis tincidunt, zombie slack-jawed gelida survival portenta. The unleashed virus est, et iam zombie mortui ambulabunt super terram. Souless mortuum glassy-eyed oculos attonitos indifferent back zom bieapoc alypse. An hoc dead snow braaaiiiins sociopathic incipere Clairvius Narcisse, an ante? Is bello mundi z?
<br><br>
Tongue filet mignon meatball leberkas. Filet mignon tongue andouille beef. Pancetta picanha ham hock ham filet mignon capicola drumstick, pork chop andouille fatback. Meatloaf ham beef boudin corned beef landjaeger bresaola capicola brisket short loin pancetta kielbasa.
<br><br>
Turducken bresaola flank chuck kevin, jowl pig. Prosciutto porchetta tongue andouille. Frankfurter pig shoulder shank landjaeger strip steak. T-bone spare ribs cow tongue. Pig strip steak pork loin meatloaf shank, shoulder pancetta boudin. Brisket landjaeger pork chop t-bone.
<br><br>
Chuck shankle pastrami shoulder tenderloin pork loin, beef meatloaf. Ham hock salami corned beef turkey picanha ball tip pastrami tri-tip capicola spare ribs shankle ground round. Swine landjaeger jowl prosciutto biltong. Drumstick brisket jowl, tri-tip jerky short loin turkey hamburger bacon ribeye pork rump. Ribeye spare ribs jowl pancetta cow, pork chop bresaola pastrami.
<br><br>
Lucio fulci tremor est dark vivos magna. Expansis creepy arm yof darkness ulnis witchcraft missing carnem armis Kirkman Moore and Adlard caeruleum in locis. Romero morbo Congress amarus in auras. Nihil horum sagittis tincidunt, zombie slack-jawed gelida survival portenta. The unleashed virus est, et iam zombie mortui ambulabunt super terram. Souless mortuum glassy-eyed oculos attonitos indifferent back zom bieapoc alypse. An hoc dead snow braaaiiiins sociopathic incipere Clairvius Narcisse, an ante? Is bello mundi z?
<br><br>
Tongue filet mignon meatball leberkas. Filet mignon tongue andouille beef. Pancetta picanha ham hock ham filet mignon capicola drumstick, pork chop andouille fatback. Meatloaf ham beef boudin corned beef landjaeger bresaola capicola brisket short loin pancetta kielbasa.
<br><br>
Lucio fulci tremor est dark vivos magna. Expansis creepy arm yof darkness ulnis witchcraft missing carnem armis Kirkman Moore and Adlard caeruleum in locis. Romero morbo Congress amarus in auras. Nihil horum sagittis tincidunt, zombie slack-jawed gelida survival portenta. The unleashed virus est, et iam zombie mortui ambulabunt super terram. Souless mortuum glassy-eyed oculos attonitos indifferent back zom bieapoc alypse. An hoc dead snow braaaiiiins sociopathic incipere Clairvius Narcisse, an ante? Is bello mundi z?
<br><br>
Tongue filet mignon meatball leberkas. Filet mignon tongue andouille beef. Pancetta picanha ham hock ham filet mignon capicola drumstick, pork chop andouille fatback. Meatloaf ham beef boudin corned beef landjaeger bresaola capicola brisket short loin pancetta kielbasa.
<br><br>
Lucio fulci tremor est dark vivos magna. Expansis creepy arm yof darkness ulnis witchcraft missing carnem armis Kirkman Moore and Adlard caeruleum in locis. Romero morbo Congress amarus in auras. Nihil horum sagittis tincidunt, zombie slack-jawed gelida survival portenta. The unleashed virus est, et iam zombie mortui ambulabunt super terram. Souless mortuum glassy-eyed oculos attonitos indifferent back zom bieapoc alypse. An hoc dead snow braaaiiiins sociopathic incipere Clairvius Narcisse, an ante? Is bello mundi z?
<br><br>
Tongue filet mignon meatball leberkas. Filet mignon tongue andouille beef. Pancetta picanha ham hock ham filet mignon capicola drumstick, pork chop andouille fatback. Meatloaf ham beef boudin corned beef landjaeger bresaola capicola brisket short loin pancetta kielbasa.
<br><br>
Lucio fulci tremor est dark vivos magna. Expansis creepy arm yof darkness ulnis witchcraft missing carnem armis Kirkman Moore and Adlard caeruleum in locis. Romero morbo Congress amarus in auras. Nihil horum sagittis tincidunt, zombie slack-jawed gelida survival portenta. The unleashed virus est, et iam zombie mortui ambulabunt super terram. Souless mortuum glassy-eyed oculos attonitos indifferent back zom bieapoc alypse. An hoc dead snow braaaiiiins sociopathic incipere Clairvius Narcisse, an ante? Is bello mundi z?
<br><br>
Tongue filet mignon meatball leberkas. Filet mignon tongue andouille beef. Pancetta picanha ham hock ham filet mignon capicola drumstick, pork chop andouille fatback. Meatloaf ham beef boudin corned beef landjaeger bresaola capicola brisket short loin pancetta kielbasa.
<br><br>
</p>
<div class="scroll-top">^</div>
<footer>
This is a footer
</footer>
</body>
</html></script>
<script id="jsbin-source-css" type="text/css">footer {
background-color: black;
color: white;
height: 100px;
padding: 10px;
}
.scroll-top {
background-color: black;
color: white;
height: 20px;
width: 20px;
position: fixed;
padding: 10px;
text-align: center;
right: 10px;
border: solid white 1px;
bottom: 70px;
}</script>
<script id="jsbin-source-javascript" type="text/javascript">
$('.scroll-top').click(function(){
$('html, body').animate({
scrollTop: 0
});
});
var max_scroll = $(document).height() - $(window).height();
console.log(max_scroll);
$(window).bind("scroll", function() {
if ($(this).scrollTop() > 10) {
$(".scroll-top").fadeIn();
} else {
$(".scroll-top").stop().fadeOut();
}
});</script></body>
</html>
Raw
jsbin.yerakatove.css
footer {
background-color: black;
color: white;
height: 100px;
padding: 10px;
}
.scroll-top {
background-color: black;
color: white;
height: 20px;
width: 20px;
position: fixed;
padding: 10px;
text-align: center;
right: 10px;
border: solid white 1px;
bottom: 70px;
}
Raw
jsbin.yerakatove.js
$('.scroll-top').click(function(){
$('html, body').animate({
scrollTop: 0
});
});
var max_scroll = $(document).height() - $(window).height();
console.log(max_scroll);
$(window).bind("scroll", function() {
if ($(this).scrollTop() > 10) {
$(".scroll-top").fadeIn();
} else {
$(".scroll-top").stop().fadeOut();
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment