点击时向下滚动功能

scroll down function on click

本文关键字：滚动 功能      更新时间：2023-09-26

下面是我为scrollTop准备的代码。当我定位特定像素时，它工作正常，但我想向下滚动 300px，而不是在单击时滚动顶部某个div。谁能帮忙？

<div id="button"></div>
<div1 style="height:300px;">img1</div>
<div2 style="height:300px;">img2</div>
<div3 style="height:300px;">img3</div>
<div4 style="height:300px;">img4</div>
$(function() {
$("#button").on("click", function() {
    $("html, body"). animate({"scrollTop":$().offset().top-300}, 1000);
    return false;
    });
});

尝试使用 window.scrollBy(0,300);

>$().offset().top什么都不做。将其替换为window.scrollY 

$(function() {
    $("#button").on("click", function() {
        $("body").animate({"scrollTop": window.scrollY-300}, 1000);
        return false;
    });
});

当我们谈论滚动时，负数是向上，正数是下降，因此您可能希望添加 300。

我认为这是最好的方法。

var body = $('html, body');
$('#button').click(function() {
   var n = $(document).height() - $(window).height();
   body.stop().animate({scrollTop: n }, 1000, function() {
});
});
相关文章：