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>

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

P.S。很难看出工作代码

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

2 个答案: