引言 页面滚动条造成宽度减小的场景很常见了,由于div块级元素的流动性,其宽度默认为100%的body宽度,但是当容器的高度超过视口宽度时候,页面就会出现滚动条,这个滚动条的宽度就会挤压body的可用宽度,也就是会挤压我们的容器的宽度,造成页面晃动的现象,很不友好,下面就来探讨下如何解决这个滚动条的 ...
分类:
其他好文 时间:
2020-05-30 20:22:19
阅读次数:
80
在做APP自动化的时候,有的时候,需要下滑页面进行定位。例如下图: 有的时候也可能向上滑动,这个时候就要用到关键字:scroll了。 RF上的解释: 看它的说明就很简单了,只要输入两个参数:开始位置和结束位置。 这里需要说明下: 如果需要往下滑动,来定位下面的元素,那么:开始位置是下面那个元素,结束 ...
分类:
移动开发 时间:
2020-05-30 01:09:10
阅读次数:
208
发现使用 html2canvas.js插件截图保存在前端很方便。学习过程中预计问题。截图出现空白和截图不全。问题原因: html2canvas.js插件截图是基于body标签的,如果body存在滚动条就会出现截图空白的情况。如何避免:关键点:在截图前将滚动条位置设置在顶部。截图时,截图选择内容标签不 ...
分类:
Web程序 时间:
2020-05-28 19:25:20
阅读次数:
86
public bool DataGridviewShowToExcel(DataGridView dgv, bool isShowExcle) //实现导出 EXcel 和 滚动条功能 { if (dgv.Rows.Count == 0) return false; //建立Excel对象 Exce ...
常见的布局方式 静态布局 常见于PC端,一般采用居中布局,以px作为单位给各元素设定固定的width,最外层div采用min-width限定最小宽度,当浏览器窗口小于min-width时会出现滚动条,移动端需要重新建新的页面。 优点:简单且没有兼容性问题 缺点:无法根据用户屏幕大小做出不同处理,目前 ...
分类:
其他好文 时间:
2020-05-24 16:40:19
阅读次数:
84
注意:无论是什么布局,最外面都需要加个版心,这样不会导致整个布局超过可视区域,形成横向滚动条。 1.流式布局 (百分比布局) 宽度使用百分比,高度使用px 2.伸缩布局 (弹性布局) flex 2.1 作用:使得我们对块级元素的布局排列变得十分灵活,适应性非常强,其强大的伸缩性,在响应式开中可以发挥 ...
分类:
移动开发 时间:
2020-05-24 14:07:21
阅读次数:
108
之前有部分订阅者咨询我,cesium加载gltf模型点击弹窗以及模型列表点击定位弹窗那些交互是怎么实现的,虽说比较简单,但是总有新手是有这块需求的。所以,今天我抽空整理一下本篇素材,简单写一下。 ...
分类:
其他好文 时间:
2020-05-24 13:23:37
阅读次数:
50
前话:今天用 layer.confirm() 弹窗的时候,滚动到页面尾部再弹窗时,发现弹窗还显示在上面,要滚动会上面才能看到。 度娘找了一个获取滚动条位置的方法: function ScollPostion() { //滚动条位置 var t, l, w, h; if(document.docume ...
分类:
其他好文 时间:
2020-05-23 20:42:57
阅读次数:
351
一:网页可见区域宽高,不包括工具栏和滚动条(浏览器窗口可视区域大小) 1.对于IE9+、chrome、firefox、Opera、Safari: window.innerHeight浏览器窗口的内部高度; window.innerWidth浏览器窗口的内部宽度; 2.对于IE8.7.6.5: doc ...
分类:
Web程序 时间:
2020-05-23 16:31:04
阅读次数:
56
溢出处理 overflow :didden内容溢出div就隐藏 scroll内容溢出添加滚动条 auto自动适应 内联与块状转化 内联转块 display:block 块状转内联display:inline inline-block内联与块状结合 可以设宽高不独占一行 相对定位 相对于自身所在的位置 ...
分类:
Web程序 时间:
2020-05-22 19:54:29
阅读次数:
106