一、Css 二、div 三、JavaScript 引用jQuery.js<script> 四、 ...
分类:
其他好文 时间:
2019-02-15 15:16:54
阅读次数:
197
有时候特别需要,个别网页要去掉横向滚动条和竖向滚动条,那该怎么去掉呢,很简单,看代码: 让竖条没有: 让横条没有: 火狐底部滚动条不显示: 有时间研究一下全屏 ...
分类:
Web程序 时间:
2019-02-10 12:30:30
阅读次数:
195
1》用recyclerView实现上次ListView实现的效果 导入包 导入recyclerView布局 创造适配器 main.java Fruit类和fruit_item.xml与上一次的相同 2》实现横向滚动 修改fruit_item.xml 修改main.java 3》瀑布排序 修改frui ...
分类:
其他好文 时间:
2019-01-26 11:02:21
阅读次数:
143
vue-happy-scroll是一款基于vue2.0的滚动条插件 属性: color: 滚动条颜色,类型String size: 滚动条大小 min-length-h: 横向滚动条最小长度 min-length-v: 竖向滚动条最小长度 scroll-top:距离容器顶部距离 scroll-lef ...
分类:
移动开发 时间:
2019-01-08 12:27:12
阅读次数:
488
1.视口视口是移动设备上用来显示网页的区域,一般会比移动设备可视区域大,宽度可能是980px或者1024px,目的是为了显示下整个为PC端设计的网页,这样会让移动端出现横向滚动条,为了避免这种情况,移动端会将视口缩放到移动端窗口的大小,这样会让网页不容易观看,可以使用meta标签,name="viewport"来设置视口的大小,将视口的大小设置为和移动设备可视区一样的大小。&l
分类:
Web程序 时间:
2018-12-30 20:25:54
阅读次数:
288
1.background-image只能是本地或者网络图片地址 2.不能使用svg(可转为base64使用),只支持.jpg,.png,.jpeg格式 3.轮播图必须设置盒子高度,否则不显示 4.image组件默认宽度300px、高度225px 5.image不设置宽会出现横向滚动条,要设置widt ...
分类:
微信 时间:
2018-12-29 17:18:18
阅读次数:
204
很多时候我们都会遇到这种需求,在移动端端显示导航栏横向内滚动,可以左右滑动,同时将选中的目标元素居中显示。那我们该如何去实现呢,不管是APP,移动端段网页还是小程序,其原理都是相同的,接下来我就拿小程序举个例子,具体步骤:
1.获取当前设备的宽度
2.获取当前元素的宽度以及距离父元素左边的距离o... ...
分类:
其他好文 时间:
2018-12-25 11:25:24
阅读次数:
736
这个是入职新公司,在改完项目bug的时候,无意间发现这个功能,觉得思路很好,就去研究了一下。效果如下: 最初看到这个流程图,以为是用了什么插件。然后就去代码中看了一下,最后发现是用的平时都很熟悉的swiper,也一下让我拓宽了思路了。 大体思路如下: 每个swiper-slide的宽度=日期容器的宽 ...
分类:
其他好文 时间:
2018-11-22 02:31:49
阅读次数:
168
行内元素没内容时width为0,有内容时会被撑开,随着内容的增加而变宽 为行内元素设置width是无效的,但块级元素可以,所以文字不会超出span(即便出现横向滚动条),但会超出div 让div内的文字自动换行的三条CSS代码 ...
分类:
其他好文 时间:
2018-11-04 00:32:25
阅读次数:
141
在项目开发中遇到一个关于scroll-view的的问题,具体如下: 项目要求是横向滚动,由于直接在scroll-view组件设置display:flex不生效,因此考虑直接在scroll-view下增加一个wrap,将所有的item放在wrap内, 将wrap设置为display:flex,这种方式 ...
分类:
微信 时间:
2018-10-08 18:08:44
阅读次数:
1348