在大屏中显示:
![](https://img.haomeiwen.com/i8362928/c0690c0384cbe4ac.png)
在小屏中显示:
![](https://img.haomeiwen.com/i8362928/21207c879bd2b1a6.png)
![](https://img.haomeiwen.com/i8362928/349ad0ed1950ed59.png)
css 部分是借鉴于 Bootstrap 中的css样式;
js部分结构:
![](https://img.haomeiwen.com/i8362928/c3053053bf0929ed.png)
导航栏横向滚动: 是因为在大屏中能正常显示,但在小屏中就会将内容挤成两行(内容混乱),所以为了解决这样的问题, 我们使用了 横向滚动; 在小屏中将超出的内容隐藏,进行滚动 ; 再使用横向时 , 需要使用 " iscroll.js " 文件
在大屏中显示:
在小屏中显示:
css 部分是借鉴于 Bootstrap 中的css样式;
js部分结构:
导航栏横向滚动: 是因为在大屏中能正常显示,但在小屏中就会将内容挤成两行(内容混乱),所以为了解决这样的问题, 我们使用了 横向滚动; 在小屏中将超出的内容隐藏,进行滚动 ; 再使用横向时 , 需要使用 " iscroll.js " 文件
本文标题:横向滚动:
本文链接:https://www.haomeiwen.com/subject/bvjvcftx.html
网友评论