1.应用场景:
设置div固定高度,通过网络请求不断获取文本内容呈现在div中,当内容多到一定程度时出现滚动条,并且随着内容的增多滚动条自动滑动即始终位于最底部,并且当前段落内容高亮显示
2.实现效果如下:
3、实现代码如下:
<!DOCTYPE html >
<html>
<head>
<script src="js/jquery.min.js"></script>
<style type="text/css">
.lineheight {
color: red;
}
</style>
</head>
<body>
<div style="width:100%;height:300px;background:#f2f2f2;overflow:auto;" id="top">
</div>
</body>
<script type="text/javascript">
var content = "新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新闻联播新