亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

jQuery滾動到頁面底部

jQuery滾動到頁面底部

倚天杖 2019-10-06 10:59:27
頁面加載完成后。我希望jQUery能夠很好地滾動到頁面底部,動畫速度很快,而不是快速/搖動。我需要這樣的插件ScrollTo嗎?還是內置在jQuery中的一些方式?
查看完整描述

4 回答

?
蕭十郎

TA貢獻1815條經驗 獲得超13個贊

您可以通過為scrollTop屬性設置動畫來向下滾動頁面,無需插件,如下所示:


$(window).load(function() {

  $("html, body").animate({ scrollTop: $(document).height() }, 1000);

});

請注意使用window.onload(當加載圖像時...占據高度)而不是使用document.ready。


為了技術上正確,您需要減去窗口的高度,但是上面的方法有效:


$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });

要滾動到特定的ID,請使用.scrollTop(),如下所示:


$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);


查看完整回答
反對 回復 2019-10-06
?
婷婷同學_

TA貢獻1844條經驗 獲得超8個贊

像這樣的東西:


var $target = $('html,body'); 

$target.animate({scrollTop: $target.height()}, 1000);


查看完整回答
反對 回復 2019-10-06
?
炎炎設計

TA貢獻1808條經驗 獲得超4個贊

$('html,body').animate({ scrollTop: 9999 }, 'slow');

就這樣簡單,9999頁的高度...大范圍可以到達底部。


查看完整回答
反對 回復 2019-10-06
?
開滿天機

TA貢獻1786條經驗 獲得超13個贊

你可以試試這個


var scroll=$('#scroll');

scroll.animate({scrollTop: scroll.prop("scrollHeight")});


查看完整回答
反對 回復 2019-10-06
  • 4 回答
  • 0 關注
  • 462 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號