[英]scroll down function on click
下面是我對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() {
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.