頁面加載完成后。我希望jQUery能夠很好地滾動(dòng)到頁面底部，動(dòng)畫速度很快，而不是快速/搖動(dòng)。我需要這樣的插件ScrollTo嗎？還是內(nèi)置在jQuery中的一些方式？
4 回答
蕭十郎
TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超13個(gè)贊
您可以通過為scrollTop屬性設(shè)置動(dòng)畫來向下滾動(dòng)頁面，無需插件，如下所示：
$(window).load(function() {
$("html, body").animate({ scrollTop: $(document).height() }, 1000);
});
請(qǐng)注意使用window.onload（當(dāng)加載圖像時(shí)...占據(jù)高度）而不是使用document.ready。
為了技術(shù)上正確，您需要減去窗口的高度，但是上面的方法有效：
$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });
要滾動(dòng)到特定的ID，請(qǐng)使用.scrollTop()，如下所示：
$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);
婷婷同學(xué)_
TA貢獻(xiàn)1844條經(jīng)驗(yàn) 獲得超8個(gè)贊
像這樣的東西：
var $target = $('html,body');
$target.animate({scrollTop: $target.height()}, 1000);
炎炎設(shè)計(jì)
TA貢獻(xiàn)1808條經(jīng)驗(yàn) 獲得超4個(gè)贊
$('html,body').animate({ scrollTop: 9999 }, 'slow');
就這樣簡單，9999頁的高度...大范圍可以到達(dá)底部。
開滿天機(jī)
TA貢獻(xiàn)1786條經(jīng)驗(yàn) 獲得超13個(gè)贊
你可以試試這個(gè)
var scroll=$('#scroll');
scroll.animate({scrollTop: scroll.prop("scrollHeight")});
- 4 回答
- 0 關(guān)注
- 453 瀏覽
添加回答
舉報(bào)
0/150
提交
取消