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

Question

我有一个简单的html5 mp3播放器,我在网上找到.当页面加载时,播放器有点向下滚动,所以当我按下播放或停止时,页面弹出到播放器的顶部.

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

我可以添加到我的脚本中以使页面在使用播放器时保持静止吗？

提前致谢

<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

这是因为你的按钮有一个href='#'集合，这将导致浏览器寻找一个ID。删除 href 就可以消除弹出的问题了。

改变这个：

<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>