Window.onscroll - 更改4个隔离专区的history.pushState

Question

我想创建一个脚本来更改我的网站的其他4个分区的链接。我试着用这种方式创造。可以吗？如果能够改变什么？我给了document.getElementById("p1").innerHTML = "x!";仅仅是为了测试看看我的功能效果，但这仍然不起作用。

<script> 
                window.onscroll = function() {testscrollFunction()};
                    function testscrollFunction() {
                        var scrollPosition =  document.body.scrollTop || document.documentElement.scrollTop;
                        if (scrollPosition >= 0 && scrollPosition <= 400)
                            {
                            history.pushState({}, null, "index.html#1");
                            document.getElementById("p1").innerHTML = "1!";
                            }
                        if (scrollPosition >= 401 && scrollPosition <= 600)
                            {
                            history.pushState({}, null, "index.html#2");
                            document.getElementById("p1").innerHTML = "2!";
                            }
                        if (scrollPosition >= 601 && scrollPosition <= 800)
                            {
                            history.pushState({}, null, "index.html#3");
                            document.getElementById("p1").innerHTML = "3!";
                            }
                    }
                </script>

同样地，我做了其他脚本（对于可以滚动到顶部并且在高度高于40时显示的按钮）并且它可以工作。我不能有2次window.onscroll功能吗？