效果展示 实现原理 1. html结构: 2. 外层div为要隐藏在左边的内容,要设置相对定位,并且left为负的容器宽度;鼠标可滑过的“分享”设置绝对定位,相对于外层div的位置可自定义(此处为居中) 3. 运动函数: 1)根据目标值和当前位置判断运动方向(设置定时器) 2)设置运动速度 3)根据 ...
分类:
Web程序 时间:
2019-04-02 15:25:43
阅读次数:
198
移动端h5页面经常会遇到软键盘顶起底部fixed定位元素,体验不好。记录下uni-app下同样的问题是如何解决的。 解决思路:获取窗口尺寸,监听窗口尺寸变化,比较变化后窗口的尺寸和实际窗口尺寸的大小做相应处理。直接上代码:<!--html--><input type="text" @click="h ...
分类:
移动开发 时间:
2019-04-01 20:01:54
阅读次数:
1144
1.内联元素与块元素块元素:明显特征是独占一行,可以设置宽高 maring和padding可以设置内联元素:不独占一行,无法设置宽高,maring和padding可以设置水平的 3.绝对定位与相对定位: 相对定位:相对与元素自己本身来移动定位 绝对定位:距离父类(有position样式的父类)... ...
分类:
其他好文 时间:
2019-04-01 17:17:44
阅读次数:
167
1.表格布局 2.浮动布局 3.绝对定位 4.弹性盒布局 5.网格布局 ...
分类:
其他好文 时间:
2019-03-25 16:12:43
阅读次数:
137
什么是BFC 在一个web页面的CSS渲染中,块级格式化上下文(Block Formatting Context)是按照块级盒子布局的。W3C对BFC的定义如下: 浮动元素和绝对定位元素,非块级盒子的块级容器(例如inline-blocks,table-cells和table-captions),以 ...
分类:
其他好文 时间:
2019-03-24 20:04:21
阅读次数:
160
1绝对定位(abs)与相对定位(relative) 区别是相对定位参照自己的位置进行移动(当然需要设置top left这些生效)并且原来的位置保留着 偏移后会把其它的层遮罩住 绝对定位就是的参照位置就不像相对那样是自己了 至于是哪个 就看它的上级或上上级有没有定位了 也就是有没有position:r ...
分类:
其他好文 时间:
2019-03-23 13:29:54
阅读次数:
233
1绝对定位(abs)与相对定位(relative) 区别是相对定位参照自己的位置进行移动(当然需要设置top left这些生效)并且原来的位置保留着 偏移后会把 其它的层遮罩住 绝对定位就是的参照位置就不像相对那样是自己了 至于是哪个 就看它的上级或上上级有没有定位了 也就是有没有position: ...
分类:
其他好文 时间:
2019-03-23 13:29:15
阅读次数:
126
table中td多行展示: div模态框: 绑定点击事件 寻找节点 孩子 .children() 第一个孩子:.children(":first") 最后一个.children(":last") 兄弟 .next() 标签内容: .text() 包含xx .indexOf("xx") 获取属性 .a ...
分类:
Web程序 时间:
2019-03-16 09:47:02
阅读次数:
185
css之为文本添加线性渐变和外描边 一、效果: 描边:描边+渐变: 二、描边: api:text-stroke 问题:text-stroke的描边是居中描边,无法直接设置外描边 解决:在before中添加文本,设置字体描边,绝对定位在文本下方 代码: 三、添加渐变 api: 原理:字体渐变的原理是将 ...
分类:
Web程序 时间:
2019-03-15 11:59:47
阅读次数:
410
重叠的div 我们使用position实现绝对定位,对父级设置position:relative属性,对其子级设置position:absolute加上left或right和top或bottom实现子级在父级内任意定位。 ...
分类:
Web程序 时间:
2019-03-04 19:06:05
阅读次数:
292