css增加横着滚动条_css实现横向滚动条的两种方式（代码实例）

本章给大家介绍用css实现横向滚动条的两种方式。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

html代码：

• 全部
• Adobe
• 微软
• 会计
• 绘画
• Adobe
• 微软
• 会计
• 绘画

一、 原始css + jquery 实现横向滚动条(原生js可以实现，为了方便才用的jQuery)

css代码：* {

box-sizing: border-box;

margin: 0;

padding: 0

}

.nav_wrap{

overflow-x: scroll;

}

.nav_mine {

padding: 15px 10px;

border-bottom: 1px solid #aca9a7;

height: 75px;

overflow-x: scroll;

overflow-y: hidden;

}

.nav_mine .nav_item {

border: 1px solid #1a110b;

border-radius: 4