Javascript滚动始终在底部

Question

我有一个名为“ .chat-scroll”的div类。我需要像聊天一样始终在最底层的div类。

$(".chat-scroll").animate({ scrollTop: $(document).height() }, "slow");

.chat-scroll {
    overflow-y: scroll;
    height: 200px;
    padding: 10px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="chat-scroll">
		<ul class="messages list-unstyled">
				<li><span class="text">{!! $shout->text !!}</span></li>
		</ul>
</div>

但是不起作用。

Answer 1

我想知道您为什么不使用{position：fixed} ...

   .chat-scroll {
        overflow-y: scroll;
        height: 200px;
        padding: 10px;
    position:fixed;
    bottom:0;
    right:0;
    }

我认为您可能想练习Jquery