jquery如何让滚动条默认在最底部? 20

我这里有一个div<divid="content"></div>css设置的是overflow:auto;就是内容多了高度不够就会出来滚动条,然后我希望刷新一下,这个滚动... 我这里有一个div
<div id="content"></div>
css设置的是overflow:auto; 就是内容多了高度不够就会出来滚动条,
然后我希望刷新一下,这个滚动条默认的在最底下的位置,请问这个要怎么设置?
展开
 我来答
寝室x
2018-03-30 · TA获得超过5783个赞
知道小有建树答主
回答量:45
采纳率:0%
帮助的人:5819
展开全部

使用如下代码可让滚动条默认在最底部:

$(document).ready(function(){  

$("#submit").click(function(){

$("#info").append("admin:"+$("#talk").val()+"\n");

$("#info").scrollTop($("#info")[0].scrollHeight);

$("#talk").val("");

});

});

jQuery 里和滚动条有关的概念很多,但是有三个属性和滚动条的拖动有关,就是:scrollTop、scrollLeft、scrollHeight。

1、可见高度:viewHeight,可以理解为打开见浏览器空白页见到的空白区域的高度。

2、内容高度:containHeight,这个就是我们关心的高度,它是内容的总高度,包括隐藏在滚动条下面的内容。

3、滚动的高度:scrollHeight,这个是滚动的高度,它是滚动条滚动了多少的意思。

代码解说:

nScrollTop + nDivHight >= nScrollHight。

程序中,在外部div的scroll(滚动)事件中侦测和执行if判断语句,是非常消耗CPU资源的。用鼠标拖拉滚动条,只要有一个像素的变动就会触发该事件。但点击滚动条两头的箭头,事件触发的频率会低得多。所以滚动条的scroll事件要谨慎使用。

百度网友1f29177
2017-04-11 · TA获得超过646个赞
知道小有建树答主
回答量:240
采纳率:0%
帮助的人:340万
展开全部

在ready方法里写

$('#content').scrollTop( $('#content')[0].scrollHeight );
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
乐天柿子派
2014-01-22 · TA获得超过143个赞
知道小有建树答主
回答量:146
采纳率:0%
帮助的人:76万
展开全部
 $(document).ready(function() {
 $("#content").scrollTop($("#content")[0].offsetHeight);
        });
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
柳中梅
2014-01-22 · TA获得超过260个赞
知道答主
回答量:65
采纳率:0%
帮助的人:37.6万
展开全部
var content = document.getElementById('content');
content.scrollTop = content.scrollHeight;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
real张玉瑜
2014-01-22
知道答主
回答量:43
采纳率:0%
帮助的人:8.1万
展开全部
$('#content').scrollTop( $('#content').height() );
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式