Question

我正在努力实现Scroll动画，但它不起作用！我使用过各种各样的图书馆，但没有人工作。

一小段JQuery脚本：

<script src="jquery-1.11.1.min.js"></script>
<script>
    $("#menu a").click(function() {
    var menuID = $(this).attr("href");
    $("body").animate({scrollTop: $(menuID).offset().top}, "slow");
    return false;
});

</script>

完整代码：here 网站：here

Answer 1

<script src="jquery-1.11.1.min.js"></script>
<script>
    $("#menu a").click(function() {
    event.preventDefault();
    var menuID = $(this).attr("href");
    $("html, body").animate({scrollTop: $(menuID).offset().top}, "slow");
    return false;
});

</script>

您需要将其更改为html, body，而不仅仅是body

Answer 2

使用event.preventDefault()

<script>
    $("#menu a").click(function(event) {
    event.preventDefault();
    var menuID = $(this).attr("href");
    $("html, body").animate({scrollTop: $(menuID).offset().top}, "slow");
    return false;
});

</script>

Answer 3

要使其工作，请尝试下面的代码，使用html，body而不是body

<script src="jquery-1.11.1.min.js"></script>
<script>
    $("#menu a").click(function() {
    var menuID = $(this).attr("href");
    $("html, body").animate({scrollTop: $(menuID).offset().top}, "slow");
    return false;
});

</script>

Answer 4

试试这个

$('html, body').animate({   scrollTop: $(menuID).offset().top}, "slow");

ScrollTop或ScrollTo无法正常工作

4 个答案: