vrai bouton "haut de page" digne de ce nom
This commit is contained in:
parent
6dc437a603
commit
e2c9666fab
21
index.php
21
index.php
@ -8,8 +8,23 @@
|
||||
<meta property="og:description" content="Albums d'illustrations des waifus d'Esenjin.">
|
||||
|
||||
<link rel="shortcut icon" id="favicon" href="favicon.ico">
|
||||
|
||||
<link href='style.css' rel='stylesheet' type='text/css'>
|
||||
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
|
||||
<script>
|
||||
jQuery(function(){
|
||||
$(function () {
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 200 ) {
|
||||
$('#scrollUp').css('right','10px');
|
||||
} else {
|
||||
$('#scrollUp').removeAttr( 'style' );
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -45,6 +60,8 @@ if(!empty($dossier));
|
||||
}
|
||||
|
||||
?>
|
||||
<center><a href="#">↸ retourer là-haut !</a></center>
|
||||
<div id="scrollUp">
|
||||
<a href="#top"><img src="top.png"/></a>
|
||||
</div>
|
||||
</br>
|
||||
</body>
|
@ -17,7 +17,14 @@ div {
|
||||
}
|
||||
|
||||
img {
|
||||
width: 600px;
|
||||
max-width: 600px;
|
||||
height: auto;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
#scrollUp {
|
||||
position: fixed;
|
||||
bottom : 10px;
|
||||
right: -100px;
|
||||
opacity: 0.5;
|
||||
}
|
Loading…
Reference in New Issue
Block a user