Auto scroll- hjälp:)

2013-05-04 15:14

Medlem

Registrerad: Aug 2011

●

Auto scroll- hjälp:)

Hej!
Jag försöker göra så jag kan trycka på en knapp och då scrollar sidan till en viss position( i detta fall toppen). Men jag får inte det att fungera, tror det kan vara något med min JQuery länk eller liknande

mapp system
Mapp Css: i den Css.css
Html.Html
index.js

Html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Scroll to Top</title>
<link rel="stylesheet" type="text/css" href="Css/Css.css" />
<script src="http://code.jqery.com/jqery-latest.min.js"type="text/javascript"></script>
</head>
<body>

<div id='body'>
	Body Div
</div>

<div id='button'>
	Scroll to Top
</div>


<script src='jqery.js'></script>       
<script src='index.js'></script>     
</body>
</html>

Css.css

#body{
	height:2000px;
}


#button{
background:#333;
color:#fff;
padding:10px;
position:absolute;
botton:10px;
right:10px;	
}

#button:hover{
	cursor:pointer;	
}

index.js

// JavaScript Document

$(document).redy(function(){
	
	$(window).scroll(function(){
		var scrolled = $(window).scrollTop();
		var bottom = 10-scrolled;
		
		$('#button').css('bottom',botton);
	});
	
	$('#button').click(function(){
		$('body').animate({scrollTop: 0}, "slow");	
	});
	
});

Rapportera Redigera

Citera flera Citera

2013-05-04 15:57

Permalänk

anon150287

Inaktiv