jquery - ScrollDown med jQuery ved klik - Udvikleren.dk - Programmering, webdesign og grafik

Tags: jquery

Bruger #16025 @ 28.08.11 20:48

God aften udviklere!

Jeg har et spørgsmål omkring noget jquery. Jeg skal lave sådan at hvis man klikker på "comment" som er et link, så skal hele vinduet scrolle ned til det punkt som har en id på comments.

Jeg havde lavet noget lign. det her:

JScript kode

 $(document).ready(function() {
   $("a#comment").click(function() {
     $(html,body).scrollTo($("#comments"));
   }
 });

Men det virker ikke. Kan i hjælpe mig?

9 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 6 karma

Sorter efter stemmer Sorter efter dato

Bruger #10576 @ 28.08.11 21:36

287

Dette virker nu og ellers forstår jeg det vist bare ikke.. Slider lige så fint stille og roligt op øverst til kommentar div.. (link i bunden)

JScript kode

 <!DOCTYPE html>
 <html>
 <head>
   
   <script src="http://code.jquery.com/jquery-latest.js"></script>
           <script>
         function scrollTo(id){
                  $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
         }
         </script>
     </head>
     <body>
     <ul>
         
         <li><a href="javascript:void(0)" onClick="scrollTo('2')">Link 2</a></li>
         <li><a href="javascript:void(0)" onClick="scrollTo('3')">Link 3</a></li>
         <li><a href="javascript:void(0)" onClick="scrollTo('4')">Link 4</a></li>
     </ul>
     <div style="width:600px">
         <div id="comments">
         <h1>1</h1>
         Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 
         </div>
         <div id="2">
         <h1>2</h1>
         Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2
         </div>
         <div id="3">
         <h1>3</h1>
         Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 
         </div>
         <div id="4">
         <h1>4</h1>
         Div 4
         </div>
     </div>
     
     <div>tekst tekst <br/>tekst tekst <br/>tekst tekst <br/>tekst tekst <br/>tekst tekst <br/>tekst tekst <br/>tekst tekst <br/></div>
     <li><a href="javascript:void(0)" onClick="scrollTo('comments')">Link kommentarer</a></li>
     </body>
 </html>

Indlæg senest redigeret d. 28.08.2011 21:36 af Bruger #10576

Bruger #1 @ 28.08.11 21:51

1.204

Så vidt jeg kan se forsøger du i dine links at kalde en funktion der hedder scrollTop, men den egentlige funktion hedder da vist bare scrollTo - det havde været en god ting lige at tjekke, når den alert du har sat ind for at teste nu ikke engang kommer

Mvh.

Kasper (TSW)

TSW WebCoder | TSW SiteSync | FashionArena.net | SuperBazar | Jeans Udsalg

Bruger #10576 @ 28.08.11 20:55

287

Måske dumt spørgsmål, men er det ikke bare en almindelig anchor link du har brug for.. ?

Bruger #16025 @ 28.08.11 20:56

442

Jo det er det sådan set, men ville gerne gøre det med jQuery så den slider ned til anchor. Jeg har bare lavet det som en <div> istedet for et <a> tag

Bruger #10576 @ 28.08.11 21:16

287

JScript kode

 <!DOCTYPE html>
 <html>
 <head>
   
   <script src="http://code.jquery.com/jquery-latest.js"></script>
           <script>
         function scrollTo(id){
                  $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
         }
         </script>
     </head>
     <body>
     <ul>
         <li><a href="javascript:void(0)" onClick="scrollTo('1')">Link 1</a></li>
         <li><a href="javascript:void(0)" onClick="scrollTo('2')">Link 2</a></li>
         <li><a href="javascript:void(0)" onClick="scrollTo('3')">Link 3</a></li>
         <li><a href="javascript:void(0)" onClick="scrollTo('4')">Link 4</a></li>
     </ul>
     <div style="width:600px">
         <div id="1">
         <h1>1</h1>
         Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1  Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 Div 1  Div 1 
         </div>
         <div id="2">
         <h1>2</h1>
         Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2 Div 2
         </div>
         <div id="3">
         <h1>3</h1>
         Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 Div 3 
         </div>
         <div id="4">
         <h1>4</h1>
         Div 4
         </div>
     </div>
     </body>
 </html>

Bruger #16025 @ 28.08.11 21:21

442

Det virker ikke. Jeg har sat det op sådan her:

JScript kode

 $(document).ready(function() {
 
 function scrollTo(id){
   $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
 }
 
 });

HTML kode

 <a href="javascript: void(0);" onClick="scrollTo('comments')">comments</a>
 //tekst imellem her
 <div id="comments" style="padding-top: 50px;">kommentarer her</div>

Hvis man har scrollet lidt ned på siden, og klikker på linket, så hopper den bare op i toppen.

Indlæg senest redigeret d. 28.08.2011 21:22 af Bruger #16025

Bruger #16025 @ 28.08.11 21:43

442

Ingen reaktion. Den gør bare det samme o.O

Se eksempel her: link

OBS
Jeg har fået den til at reagere således:

JScript kode

 $("a#comment").click(function() {
 //kode her
 });

Men det virker selvfølgelig stadig ikke nu. Men før ville den ikke engang reagere på en alert().

Indlæg senest redigeret d. 28.08.2011 21:51 af Bruger #16025

Bruger #16025 @ 28.08.11 21:54

442

Jeg fiksede det

JScript kode

 $(document).ready(function() {
 
 $("a#comment").click(function() {
    var id = 'comments';
    $('html,body').animate({ "scrollTop": $("#"+id).offset().top},'slow');
 });
 
 });

HTML kode

 <a href="javascript: void(0);" id="comment">comments</a>

Bruger #10576 @ 28.08.11 22:07

287

Så er det sgu også svært... og fatter ikke at du ændrer koden til at den ikke er genbrugelig. Så vil man da gøre livet besværligt for sig selv næste gang man har brug for funktionen.

Indlæg senest redigeret d. 28.08.2011 22:08 af Bruger #10576

ScrollDown med jQuery ved klik

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler