blocks|key|1084317|text|如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1084318|var+$target+=+$('html,body');+
$target.animate({scrollTop:+$target.height()},+1000);|code-block|syntax|javascript|1084319|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

something like this:

<pre><code>var $target = $('html,body'); 
$target.animate({scrollTop: $target.height()}, 1000);
</code></pre>

blocks|key|869532|text|$("div").scrollTop(1000);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|869533|这对我很有效。滚动到底部。|unstyled|869534|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$("div").scrollTop(1000);
</code></pre>

Works for me. Scrolls to the bottom.

blocks|key|1084371|text|$('html,body').animate({+scrollTop:+9999+},+'slow');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1084372|就这么简单，9999页高...范围很大，所以它可以到达底部。|unstyled|1084373|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$('html,body').animate({ scrollTop: 9999 }, 'slow');
</code></pre>

As simple as this , 9999 page height ... big range so it can reach to bottom .

blocks|key|1084409|text|使用'document.body.clientHeight‘可以获得body元素的可视高度|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1084410|$('html,+body').animate({
++++scrollTop:+$("#particularDivision").offset().top+-+document.body.clientHeight+%2B+$("#particularDivision").height()
},+1000);|code-block|syntax|javascript|1084411|它在id+'particularDivision‘处滚动|1084412|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Using 'document.body.clientHeight' you can get the seen height of the body elements 

<pre><code>$('html, body').animate({
 scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height()
}, 1000);
</code></pre>

this scrolls at the id 'particularDivision'

blocks|key|1084416|text|js|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1084417|var+el+=+document.getElementById("el");
el.scrollTop+=+el.scrollHeight+-+el.scrollTop;|code-block|syntax|javascript|1084418|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

js

<pre><code>var el = document.getElementById("el");
el.scrollTop = el.scrollHeight - el.scrollTop;
</code></pre>

blocks|key|869641|text|你可以试试这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|869642|var+scroll=$('#scroll');
scroll.animate({scrollTop:+scroll.prop("scrollHeight")});|code-block|syntax|javascript|869643|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can try this 

<pre><code>var scroll=$('#scroll');
scroll.animate({scrollTop: scroll.prop("scrollHeight")});
</code></pre>

blocks|key|869708|text|var+pixelFromTop+=+500;+++++
$('html,+body').animate({+scrollTop:+pixelFromTop++},+1);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|869709|因此当页面打开时，它会在1毫秒后自动向下滚动|unstyled|869710|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>var pixelFromTop = 500; 
$('html, body').animate({ scrollTop: pixelFromTop }, 1);
</code></pre>

So when page open it is automatically scroll down after 1 milisecond

blocks|key|869731|text|function+scrollToBottom()+{
+++++$("#mContainer").animate({+scrollTop:+$("#mContainer")[0].scrollHeight+},+1000);
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|869732|这是我的解决方案，你会发现，我相信|unstyled|869733|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>function scrollToBottom() {
 $("#mContainer").animate({ scrollTop: $("#mContainer")[0].scrollHeight }, 1000);
}
</code></pre>

This is the solution work from me and you find, I'm sure

After my page is done loading. I want jQUery to nicely scroll to the bottom of the page, animating quickly, not a snap/jolt.

Do iI need a plugin like <code>ScrollTo</code> for that? or is that built into jQuery some how?

jQuery Scroll To bottom of the page

jQuery

在我的页面加载完成后。我想要jQUery很好地滚动到页面底部，动画迅速，而不是一个卡通/震动。iI需要像ScrollTo这样的插件来实现这一点吗？或者这是如何内置于jQuery中的呢？

问jQuery滚动到页面底部
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery滚动到页面底部EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery滚动到页面底部
EN