функция прокрутки вниз по щелчку

Question

ниже - это код, который у меня есть для scrollTop. Он отлично работает, когда я нацелен на определенный пиксель, но я хочу прокручивать вниз 300 пикселей, вместо scrollTop некоторый 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; 
    }); 
}); 

Answer 1

$().offset().top ничего не делает. Замените его window.scrollY

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

Также отрицательному вверх и положительна вниз, когда мы говорим о прокрутки, так что вы, вероятно, хотите, чтобы добавить 300 вместо.

Answer 2

Попробуйте использовать window.scrollBy(0,300);

Answer 3

Я думаю, что это лучший способ.

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