Hey,
wenn ich diesen Code benutze:
Code
<div class="prehelp"><pre class="html_code"><a id="start" href="#logo">Hier geht es zum Logo!</a></pre></div>
Dann komme ich auch dahin, jedoch ändert sich die URl und zwar wird an diese das #logo angehängt. Wie lässt sich das umgehen.
Gruss
Zipity :)
Code
<script src="/js_webseite/jquery.js"></script>
<style>
.but{
height:25px;
width:150px;
box-shadow:5px 5px 5px black;
}
.due {
margin-top: 300px;
height: 500px;
width:100%;
background:black;
font-size:150px;
color:red;
}
p{
text-align:center;
padding-top:150px;
}
</style>
<body> <button class="but" data-anker="anker1"id="but1" >
Scroll zu anker 1
</button>
<button class="but" data-anker="anker2"id="but2" >
Scroll zu anker 2
</button>
<button class="but" data-anker="anker3"id="but3" >
Scroll zu anker 3
</button>
<div class="due" id="anker1"><p>
Anker 1</p></div>
<div class="due" id="anker2"><p>
Anker 2</p></div>
<div class="due" id="anker3"><p>
Anker 3</p></div>
<script>
$(".but").click(function(){
anker=$(this).data('anker');
$('html, body').animate({ scrollTop: $('#'+anker).offset().top }, 'slow');
})
</script>
</body>