En wat heb je geprobeerd? Wel handig om te vertellen, lijkt me.
Link gekopieerd
Link gekopieerd
En je hebt ook die elementen in HTML aangemaakt die je aanroept, en de jQuery library aangeroepen? Laat je volledige voorbeeld eens zien?
Link gekopieerd
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
Link gekopieerd
En je HTML? Heb je geen voorbeeld in JSfiddle?
Link gekopieerd
Link gekopieerd
<!DOCTYPE html>
Link gekopieerd
Maar de body? Daar draait het allemaal om. Je wilt toch elementen hebben die animeren en iets kunnen laten scrollen? Dus geef graag even de volledige relevante code. Zet deze graag in het vervolg tussen [co
Link gekopieerd
<!DOCTYPE html>
<head>
<title>Matthijs</title>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/JavaScript">
$(document).ready(function() {
$('a#portfolio').click(function(){
pHeight = $("div.portfolioindex").height();
$('div.container').animate({scrollTop: pHeight}, 2500);
return false;
});
});
</script>
</head>
<header class="menu">
<div id='cssmenu'>
<ul>
<li class='active'><a href='index.html'><span>Home</span></a></li>
<li class='has-sub' id="bottom"><a href='#'><span>Portfolio</span></a></li>
<li><a href='' onclick="overmij"><span>Over mij</span></a></li>
<li><a href='' onclick="downloads"><span>downloads</span></a></li>
<li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>
</header>
</div>
<body>
<div class="container">
<div class="top" id="midden">
<h1 class="wit ">Hiya!</h1>
<p class="ondertitel">Welkom op mijn site!</p>
<a href=""><img id="mac" src="images/mac.png" width="600" height="300"></a>
</div>
<div idclass="portfolioindex" id="midden">
<br/>
<h1 class="algemeen">Portfolio</h1>
<p class="ondertitel">Lees en bekijk hier al mijn projecten!</p>
</div>
<div id="box1">
<div id="overlay1">
<span id="plus"><a href="portfolio/"><img src="images/hover.png" width="130" height="135"></a></span>
</div>
</div>
<div id="box2">
<div id="overlay2">
<span id="plus"><a href="portfolio/"><img src="images/hover.png" width="130" height="135"></a></span>
</div>
</div>
<div id="box3">
<div id="overlay3">
<span id="plus"><a href="portfolio/"><img src="images/hover.png" width="130" height="135"></a></span>
</div>
</div>
</div>
<div class="Overmij">
<h1 class="wit" id="midden">Over mij</h1>
<p class="ondertitel" id="midden">Kom hier meer over mij te weten!</p>
<div class="">
</div>
<br/>
<br/>
<div class="tekstovermij">
<p class="wit">
</div>
</div>
</div>
</body>
</html>
dit is alles
Link gekopieerd
