[HTML] Anker

Hey, wenn ich diesen Code benutze: Code
<a id="start" href="#logo">Hier geht es zum Logo!</a>
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 :)

Der hier verwendete Code

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!