文章/答案/技术大牛

发布

社区首页 >问答首页 >在div中如何保持滚动条的底部？

问在div中如何保持滚动条的底部？
EN

Stack Overflow用户

提问于 2013-02-15 12:36:31

回答 3查看 7.7K关注 0票数 2

我有许多选项卡，当单击任何选项卡时，将显示一个垂直滚动div。就像facebook消息页面:当点击任何用户的名字。对话框出现，默认情况下，滚动条位于div的底部。

以下是选项卡：

<ul class="companies">
    @foreach (var item in Model)
    {
       <li id='company_@(item.Id)' data-id='@item.Id' >
           <a>@item.Name</a>
       </li>
    }
</ul>

和内容：

@foreach (var item in Model)
{
   <div id="scrollingDiv"  class="scrollingDiv"> @item.News </div>
}

和CSS：

.scrollingDiv {
    overflow-x: hidden;
    max-height: 500px;
    overflow-y: scroll;
}

我想保持滚动条在底部时，单击任何选项卡。(总是看最后一条新闻)。也是目前的div。我检查了this的问题。但在我的申请中不起作用。我怎样才能解决这个问题？

javascript

jquery

asp.net-mvc

scroll

scrollbar

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-02-15 12:43:56

jQuery的scrollTop()函数可能正是您所需要的。请参阅http://api.jquery.com/scrollTop/

票数 2

Stack Overflow用户

发布于 2013-02-15 12:44:39

使用JavaScript，您可以执行以下操作

var d = document.getElementById('myDiv');

if(d.scrollHeight > d.clientHeight) {
  d.scrollTop = d.scrollHeight - d.clientHeight;
}

并在每次向div中添加内容或希望滚动容器滚动到底部时执行此逻辑。

票数 4

Stack Overflow用户

发布于 2019-06-17 09:11:47

您可以使用下面的代码来实现它

$('.full-area').scrollTop($('.full-area')[0].scrollHeight);

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14894878

复制

相似问题

问在div中如何保持滚动条的底部？
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在div中如何保持滚动条的底部？EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在div中如何保持滚动条的底部？
EN