横向滚动:

在大屏中显示:

在小屏中显示:

HTML结构


css 部分是借鉴于 Bootstrap 中的css样式;

js部分结构:

导航栏横向滚动: 是因为在大屏中能正常显示,但在小屏中就会将内容挤成两行(内容混乱),所以为了解决这样的问题, 我们使用了  横向滚动; 在小屏中将超出的内容隐藏,进行滚动 ; 再使用横向时 , 需要使用 " iscroll.js " 文件

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容