Kan ikke få min scroll to top til at virke
Er der en der kan hjælpe. jeg har prøvet at få en scroll to top til at virke.Jeg har fulgt denne instruktion: http://www.paulund.co.uk/how-to-create-an-animated-scroll-to-top-with-jquery
Tidligere har jeg kunnet få scriptet til at virke. Nu er det jeg ikke kan se hvad jeg har gjort galt.
Siden er ikke on-line.
Jeg linker til <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
samt min js fil i headeren.
min css ser sådan ud:
.scrollToTop {
width: 150px;
height: 150px;
padding: 10px;
text-align: center;
/* [disabled]background: whiteSmoke;
*/
font-weight: bold;
color: #444;
text-decoration: none;
position: fixed;
top: 305px;
right: 40px;
display: none;
background:url(../images/scroll-to-top-arrow.png) no-repeat 0px 20px;
}
.scrollToTop:hover {
text-decoration: none;
}
Og JS filen er sådan:
$(document).ready(function(){
//Check to see if the window is top if not then display button
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollToTop').fadeIn();
} else {
$('.scrollToTop').fadeOut();
}
});
//Click event to scroll to top
$('.scrollToTop').click(function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
});