Question

我有这个javascript，以便当用户在页面上滚动时，侧面会有一个小图标，它将一直向上滚动页面，而不是手动滚动。按钮显示正常，但当我点击它时，它不会一直到顶部。

HTML

<a href="#" class="scrollup">Scroll</a>

脚本

$(document).ready(function () {

        $('#main').scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('.scrollup').fadeIn();
            } else {
                $('.scrollup').fadeOut();
            }
        });

        $('.scrollup').click(function () {
            $("html, body, main_container, main").animate({ scrollTop: 0 }, 600);
            return false;
        });

    });

Answer 1

问题出在选择器中，你遗漏了# id选择器或.类选择器，对我来说似乎是id：

改变这个：

$("html, body, main_container, main")

，看看是否有帮助：

$("html, body, #main_container, #main")
//-------------^----------------^--------these selector notations

按钮一直滚动到顶部，单击按钮

1 个答案: