经典语录:一切就像滑滑梯、一路上放肆张扬的笑了下来、最终重重的摔在下面、头破血流。 一、那些离开你的人，无论当初是出于什么原因离开的，也许他犹豫过挣扎过不舍过，但至少在他决定要走的那一瞬间，他觉得没有你，他会过得更好。 二、煮一壶茶折一枝白梅花 撑一把青伞泠泠雨落下 香桃木开满坟前惹风沙 谁的思念在石碑上发芽梦一场她城下作画 描一幅山水人家 雪纷纷下 葬了千层塔 生死隔断寂寞天涯梦一场她起弦风雅 奏一段白头韶华 雪纷纷下 葬了千层塔 似镜中月华他不知真假长安的誓言啊史书未写下。 三、我们单枪匹马闯入这世间，只为活出属于自己的所有可能。愿你这一生既有随处可栖的江湖，也有追风逐梦的骁勇。 四、 当你的才华还撑不起你的野心时，那你就应该静下心来学习；当你的经济还撑不起你的梦想时，那你就应该踏实的去工作；当你的能力还驾驭不了你的目标时，就应该沉下心来，历练；梦想，不是浮躁，而是沉淀和积累，只有拼出来的美丽，没有等出来的辉煌。 五、走错了记得回头，爱错了记得放手。 六、时间最会骗人，但也能让你明白，这个世界没有什么不能失去的。离去的都是风景，留下的才是人生。留到最后的人，就是对的人。 七、在青山绿水之间，我想牵着你的手，走过这座桥，桥上是绿叶红花，桥下是流水人家，桥的那头是青丝，桥的这头是白发。 八、让时间忘记我，让记忆忘记我，让思念忽略这一切。我汹涌或者平和的情绪，如水如梦。当人即使在梦中，仍不知幸福的所在，那才是最深的悲伤。一路的荒野，我们万水千山。 九、当你夜晚思念万千的时候，我的爱在你枕边与你细语，象哈哈哈催眠曲哄你入睡，甜甜地进入梦乡。爱是一种体会。用心体会到的爱，才是于细微深处见真情的爱，我对你的爱就是这种植入骨髓的爱。 十、好像每次都是这样，没有例外。在我们最需要有一个人去依靠的时候，往往到最后都是自己一个人挺过去。 十一、有些人，看起来好像是原谅你了，但其实，是因为你已经变得不那么重要了。 十二、活着呢，何必想那么多，何必问那么多，毕竟路是需要人走的，话是需要人说的，自己的世界，自己的沉淀，学会看人，学会看事，也要学会看自己，一辈子不容易，何必难为自己的全世界。 十三、愿意陪你的赶都赶不走，那些嘴上说说而已的，你也根本不必留。愿意比什么都重要也比什么都来得长久。 十四、不要着急，最好的总是在我们最不经意的时候出现，我们唯一能做的就是，怀揣希望去努力，静待美好的出现。 十五、世上除了生死，其他都是小事。不管遇到了什么烦心事，都不要自己为难自己；无论今天发生多么糟糕的事，都不要对生活失望，因为，还有明天。

修改滚动条样式

局部滚动条

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
	<style></style>
</head>
<style>
.zz{
    width: 50px;
    height: 200px;
    overflow: auto;
    float: left;
    margin: 5px;
    border: none;
}
.scrollbar{
    width: 30px;
    height: 300px;
    margin: 0 auto;
  
}
.zz-1::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.zz-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
.zz-1::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }
</style>
<body>
<div class="zz zz-1">
        <div class="scrollbar"></div>
</div>
<script>

</script>
</body>
</html>

　　

所有的滚动条都修改的话去掉前面的class选择标记就好

如：::-webkit-scrollbar{...}

 

滚动条的组成属性（方便详细调节，方式如上）：

  • ::-webkit-scrollbar 滚动条整体部分
  • ::-webkit-scrollbar-thumb  滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
  • ::-webkit-scrollbar-track  滚动条的轨道（里面装有Thumb）
  • ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
  • ::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
  • ::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
  • ::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
posted @ 2018-08-10 08:49  赵洲web  阅读(602)  评论(0)    收藏  举报