如何防止jquery中的快速滚动？

Question

我有一个简单的html5 mp3播放器，我在网上找到的。播放器在页面加载时有点向下滚动，所以当我按下play或stop时，页面会弹出到播放器看不到的顶部。

我还有一些其他的脚本在页面上，所以我想知道这是否会导致它。

有没有什么我可以添加到我的脚本中，使页面在播放器使用时保持不动？

提前感谢

<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

更改此设置：

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

要这样做：

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

Answer 2

试着改变这一点：

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

在这里面

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

我正在添加一个#+idname，它应该在页面加载时转到ID

附注：没有一个有效的代码是很难理解的