Wie verhindere ich schnelles Scrollen in jQuery?

Question

Ich habe einen einfachen HTML5 mp3-Player, den ich online gefunden habe. Der Player ist ein wenig nach unten scrollen, wenn die Seite geladen wird. Wenn ich also auf "Play" oder "Stop" drücke, wird die Seite außerhalb des Sichtbereichs des Players angezeigt.

Ich habe auch ein anderes Skript auf der Seite, also frage ich mich, ob das es verursachen würde.

Kann ich etwas zu meinem Skript hinzufügen, damit die Seite bei Verwendung des Players ruhig bleibt?

<audio id="audio-player" name="audio-player" src="http://www.ep.dev/songs/robin.mp3" > 

in diesem

<audio id="audio-player" name="audio-player" src="http://www.ep.dev/songs/robin.mp3#audio-player" > 

Ich füge ein # it + idName auf ID gehen sollte:

Dank im Voraus

<script> 
     $(document).ready(function(){ 
      $("#play-bt").click(function(){ 
       $("#audio-player")[0].play(); 
       $("#message").text("Music started"); 
      }) 

      $("#pause-bt").click(function(){ 
       $("#audio-player")[0].pause(); 
       $("#message").text("Music paused"); 

      }) 
     }) 
    </script> 

<audio id="audio-player" name="audio-player" src="http://www.ep.dev/songs/robin.mp3" ></audio> 
         <div id="message">ROBIN - From "Snow in June"</div><br /> 
         <a id="play-bt" href="#">PLAY</a> | <a id="pause-bt" href="#">PAUSE</a> | 

Answer 1

zu sehen, weil Ihre Tasten eine href='#' gesetzt haben, die den Browser nach einer ID suchen wird. Entfernen Sie die href und es sollte das Knallen loswerden. diese

Änderung:

<a id="play-bt" href="#">PLAY</a> | <a id="pause-bt" href="#">PAUSE</a> 

dazu:

<a id="play-bt">PLAY</a> | <a id="pause-bt">PAUSE</a> 

Answer 2

versuchen, dies ändern die Belastung der Seite

p.s. Es ist schwer, ohne einen Arbeitscode