评论：漂亮的虚拟滚动条  [查看原文]

滚动条不是用css就可以写吗

https://www.cnblogs.com/ranyonsue/p/9487599.html

?不可闹事┊0
2020/4/2 21:13:58
好像有一个里面滚动，外面也跟着滚动了

西瓜0
2018/11/6 9:28:49
我这里刚测试，没有问题。错误提示发一下。

Woow0
2019/9/23 13:38:42
在里面滚动外面也滚动，这是个大bug

Seation0
2018/10/29 9:44:47
你不说最后一句可能就给了，哈哈

好贵哦，又没人好人求发一个 谢谢！！211530160@qq.com

喜欢  好看

好看

动态添加内容时，怎么控制滚动条位置，让其始终显示在最下面（和微信聊天一样，显示最新发的一条消息）

我爱你，给不给币。

js文件注意使用jquery插件，一定要第一个引用jquery

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="libs/prettify/prettify.js"></script>
<script type="text/javascript" src="../jquery.slimscroll.js"></script>

CSS样式文件

<link href="libs/prettify/prettify.css" type="text/css" rel="stylesheet" />

html部分

<div style="height:300px;float:left;">
    <div class="area">内容信息</div>
</div>

调用插件

< script type = "text/javascript" > $(function() {
	$('.area').slimscroll({
		width: '200px',
		height: 'auto'
	}).parent().css({
		'float': 'left',
		'margin-right': '30px'
	});
}); 
< /script>

完成。当<div class="area">内容信息</div>中的内容超出外高度300px时就会出现滚动条。

给不给币啊

giauquewei0
2016/11/23 9:11:17
nicescroll 支持X轴滚动美化，这个貌似是不支持的。果断pass了。