关键： position: fixed; wxml： <navigator url="/pages/issue/index"><image class='img' src='/assets/images/Home/add.png' bindtap='add'></image></navigator> ...
分类：
微信 时间：
2021-06-06 18:57:59
阅读次数：
0
今天写了一个仿苹果的悬浮按钮，由于只在右侧展开，所以只能上下拖拽，展开效果入下 1.html <div class="info-nr" id="info-nr"> <div id="info-nr-phone" class="info-nr-phone"> <section id="toMenu"> ...
分类：
移动开发 时间：
2020-01-14 13:30:26
阅读次数：
196
@CHARSET "UTF-8"; /** 右下角跳转按钮 跳转到列表 */ #list_note_icon { position: fixed; bottom: 10%; right: 8%; z-index: 888; background: #ff9900; width: 80px; heig ...
分类：
移动开发 时间：
2019-05-30 22:01:43
阅读次数：
700
BUG说明： 鼠标上下方向拖拽，如果松开时鼠标位于悬浮按钮上会默认执行click事件，经验证，click事件与mouse事件的执行顺序为onmousedown =》onmouseup =》onclick,意味着在click事件执行时会与与其相关的mouse事件冲突。 解决方案：因为click事件执行 ...
分类：
其他好文 时间：
2019-04-08 13:56:12
阅读次数：
1094
手动轮播图，为轮播图中的一种，轮播图主要有无缝轮播，手动轮播，延迟轮播，切换轮播等等。。。 轮播图主要用于展现图片，新出商品，词条，又能美观网页。給网页中增加动态效果。 手动轮播，是小编认为最简单的一种轮播方式，既能左右翻页，还能通过悬浮按钮，快速预览图片，所以今天就给大家写一个原生js手动轮播图。 ...
分类：
Web程序 时间：
2018-11-23 11:31:51
阅读次数：
267
sticky 和 fixed区别 fixed：固定的位置。一般用作悬浮按钮的设计。不管当前页面如何滚动，它的位置始终相对于窗体不变。元素从普通文档流中删除,并没有空间为页面中的元素创建布局。 它是相对于初始定位包含块建立的视窗,除非其祖先之一transform, perspective,或filte ...
分类：
其他好文 时间：
2018-10-13 02:52:25
阅读次数：
188
一：悬浮按钮 悬浮按钮是一种有着特殊UI效果的按钮，它看起来就像悬浮在界面之上一样。 悬浮按钮点击时通常会展开一系列的选项按钮，十分酷炫。 新版F7中的悬浮按钮不仅仅是Material Design特有了，而是一种通用的UI控件。 二：悬浮按钮种类 1）按照它在界面中的位置来分类： fab-righ ...
分类：
其他好文 时间：
2018-02-23 00:22:40
阅读次数：
833
第一种 第二种 第一种实现方法 xml布局 Activity调用 view指的是布局 第二种实现方法 xml布局 自定义控件 com.ui.view.DragFrameLayout Activity调用方法 ...
分类：
移动开发 时间：
2018-01-06 12:02:40
阅读次数：
797
作者QQ：1095737364 QQ群：123300273 欢迎加入！ 1.css样式 : 2.js代码: 3.html 代码: ...
分类：
其他好文 时间：
2017-10-15 22:26:42
阅读次数：
162
