1.1. 页面滚动不流畅(2017-09-25) 现象: 网页竖向滚动或横向滚动不流畅。 解决方案: 为滚动元素添加css样式: -webkit-overflow-scrolling: touch; 1 详见MDN-webkit-overflow-scrolling 1.2. 横向滚动时会上下跳动( ...
分类:
微信 时间:
2017-12-23 14:13:34
阅读次数:
291
父div: .rootBar{ width: 1920px; height: 216px; float: left; overflow-y: hidden; overflow-x: auto; white-space: nowrap;} 子div: .childrenBar{ width: 384p ...
分类:
其他好文 时间:
2017-12-11 14:17:11
阅读次数:
120
效果: 要点:在表格外加一层div,div宽固定 html: postcss: ...
分类:
其他好文 时间:
2017-11-11 16:46:23
阅读次数:
192
clientHeight:可见区域的宽度,不包括boder的宽度,如果区域内带有滚动条,还应该减去横向滚动条不可用的高度,正常的是17px,其实就是滚动条的可滚动的部分了,其实clientHeight与height的高度差不多,如果不带滚动条的话他们的值都是一样的,如果带有滚动条的话就会比heigh ...
分类:
其他好文 时间:
2017-11-09 17:14:54
阅读次数:
159
一、在使用滚动视图scroll-view、横向滚动(scroll-x)时: 1、要加点样式才生效:white-space:nowrap。 2、不能设置display:flex,用display:inline-blcok排列里面的内容就可以了,(用flex的话,苹果机没问题,安卓机会失效导致页面被撑开 ...
分类:
其他好文 时间:
2017-11-08 15:57:23
阅读次数:
160
要求 1.横向滚动时,音符轴不动,图形和时间轴滚动 2.纵向滚动时,时间轴不动,图形和音符轴滚动 思路 1.时间轴放上面,溢出隐藏 2.滚动控制,横向滚动时,获取滚动的宽度scrollLeft(),然后赋值给时间轴的margin-left ...
分类:
其他好文 时间:
2017-11-03 12:58:54
阅读次数:
96
需求是 小程序做头部做导航分类的效果 顶部用 scroll-view 组件横向滚动,类似tab选项卡的效果,内容用类似模板方式引用,可重复利用 ...
分类:
其他好文 时间:
2017-10-31 16:52:35
阅读次数:
220
之前写过一篇文章,介绍的是我写的一个实现自定义滚动条的插件,因为当时太过匆忙,竟然没有详细介绍一下插件和插件的使用,现在做补充说明, 插件地址:https://pan.baidu.com/s/1mhEwHLm 使用方法: var mainPanel = document.getElementById ...
分类:
Web程序 时间:
2017-10-16 15:05:32
阅读次数:
185
先记录一下问题。在使用iview的表格进行左右两列固定时,iview会自己在传过去的高度上加上一个滚动条的高度,如果有出现横向滚动条还好,但是如果没有出现横向滚动条就会这样 如果项目中公用样式文件还很巧的把iview设置的表格边框去掉了,而你不知道,那简直就是灾难 我就正好碰上了这种情况,并且一发现 ...
分类:
其他好文 时间:
2017-10-10 19:09:52
阅读次数:
251
Div内显示滚动桥看似是一个简单的前端问题,然而实际会发现还是有挺多需要注意的. 本文尝试对div内显示滚动桥的各种主要实现及一些难题进行研究. 横向滚动桥 横向滚动桥比较简单,无需设置宽度,直接overflow-x:auto就ok. 这里需要注意的是使用white-space:nowrap去避免自 ...
分类:
其他好文 时间:
2017-09-24 23:31:52
阅读次数:
201