Javascript 自动滚动底部不工作。。?
当您访问对话详细信息屏幕时,屏幕应滚动至底部。应显示最新消息。卷轴底部不工作 下面是代码-autoscroll无法正常工作Javascript 自动滚动底部不工作。。?,javascript,angularjs,Javascript,Angularjs,当您访问对话详细信息屏幕时,屏幕应滚动至底部。应显示最新消息。卷轴底部不工作 下面是代码-autoscroll无法正常工作 <script type="text/javascript"> $(document).ready(function(){ $('.conversation-wrapper').animate({ scrollTop: $('.conversation-wrapper
<script type="text/javascript">
$(document).ready(function(){
$('.conversation-wrapper').animate({
scrollTop: $('.conversation-wrapper')[0].scrollHeight},1218.15);
});
</script>
<div ng-controller="ConversationController as value">
<br>
<br>
<br>
<div class="col-lg-12">
<div class="main-box clearfix">
<header class="main-box-header clearfix">
<h2>Conversation</h2>
</header>
<div class="main-box-body clearfix">
<div class="conversation-wrapper">
<div class="conversation-content">
<span ng-repeat="message in value">
<div class="conversation-item item-left clearfix"
ng-show="{{message.whoSendTheMessage.userId!=loggedUser}}">
<div class="conversation-user">
<img src="lib/app/img/user.jpg" style="width: 50px;" alt="">
</div>
<div class="conversation-body">
<div class="name">{{message.whoSendTheMessage.firstName}} {{message.whoSendTheMessage.lastName}}</div>
<div class="time hidden-xs">{{message.sendDate |
date:'yyyy-MM-dd HH:mm:ss '}}</div>
<div class="text">{{message.content}}</div>
</div>
</div>
<div class="conversation-item item-right clearfix"
ng-show="{{message.whoSendTheMessage.userId==loggedUser}}">
<div class="conversation-user">
<img src="lib/app/img/user.jpg" style="width: 50px;" alt="">
</div>
<div class="conversation-body">
<div class="name">{{message.whoSendTheMessage.firstName}} {{message.whoSendTheMessage.lastName}}</div>
<div class="time hidden-xs">{{message.sendDate |
date:'yyyy-MM-dd HH:mm:ss '}}</div>
<div class="text">{{message.content}}</div>
</div>
</div>
</span>
<div class="conversation-new-message message-box">
<form>
<div class="form-group row">
<textarea class="form-control pull-left" rows="2" name="messagebox"
ng-model="message.content" placeholder="Enter your message..."></textarea>
<button type="submit" ng-click="saveMessage();"
class="btn btn-success fa fa-paper-plane message-button"></button>
</div>
<div class="clearfix"></div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
嗨,欢迎吉莎。通过编辑问题,使用文本编辑器格式化代码。选择“代码”或“代码片段”按钮。嗨,Clarus Dignus,你能简单解释一下吗。。。