Jak zapobiec szybkiemu przewijaniu w jquery?

Question

Mam prosty odtwarzacz mp3 HTML5, który znalazłem online. Odtwarzacz jest trochę przewijany w dół od momentu załadowania strony, więc po naciśnięciu przycisku odtwarzania lub zatrzymania strona wyskakuje do góry poza zasięgiem wzroku gracza.

Mam również inny skrypt na stronie, więc zastanawiam się, czy to by spowodowało.

Czy mogę dodać coś do mojego skryptu, aby strona pozostała nieruchoma, gdy odtwarzacz jest używany?

góry dzięki

<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

to dlatego, że twoje przyciski mają ustawiony href='#', co spowoduje, że przeglądarka będzie szukała identyfikatora. usuń href i powinno się pozbyć poppingu.

zmiany to:

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

do tego:

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

Answer 2

spróbować to zmienić:

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

na tym

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

Dodaję # + idName to powinien udać się na ID obciążenie strony:

p.s. trudno go zobaczyć bez działającego kodu