javascript - 根据用户所在位置向上和向下按钮

Question

所以，我尝试创建一个按钮，该按钮可以滚动到下一部分或给定的像素高度。该网站分为三个高度相同的部分。因此，当用户进入网站并且加载其他所有内容时，按钮会淡入，单击后，用户会在不滚动的情况下进入第二部分，然后再次单击第三部分，这就是网站的末尾，因此当到达第三部分时，我希望将用户带回家。这是我的代码:

        <script type="text/javascript">
            $(document).ready(function() {
                if (document.body.scrollTop === 0) {
                    $("#down").fadeIn();
                $("#down").click(function(event){
                $("html, body").animate({scrollTop: "+=810px"}, 800);
            });
        }
                window.onscroll = function(ev) {
                if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
                $("#down").fadeOut();
                $("#top").fadeIn();
                $("#top").click(function(event) {
                    $("html, body").animate({scrollTop: 0}, 800);
                });
    }
};
        });
        </script>

Answer 1

我无法在 jsfiddle 中重现该问题。

这不是你得到的吗？

http://jsfiddle.net/rLY2L/

如果它第一次工作，但随后不再工作，是否有任何未提及的非静态组件？

如果加载了动态组件，事件委托(delegate)可能是您问题的解决方案。

$("body").on("click", "#down", function(e){
   // do stuff
});

事件委托(delegate)示例:http://jsfiddle.net/gd6J2/1/