移动端弹出框插件
在H5移动端项目开发过程，肯定会遇到不少与客户打交道的弹出框。 当然基于H5+ API中有提供系统的弹出对话框，虽然能够达到效果，但是实际的美观是几乎不存在的。 应项目需要，草草的写了一个弹出框的效果。 作为程序猿代码是最敏感的，废话也少说了，直接看下面的代码： css代码部分 ...
原文：移动端 一个简单易懂的弹出框
图片效果如下 淡入 淡出。自适应居中。 function tishi content,url .xiaoxi .remove var html lt div class xiaoxi none id msg style z index: left: width: position: fixed background:none top: gt lt p class msg style backgro ...
2016-07-06 11:15 1 2248 推荐指数：
相关推荐
一个简单的弹出框组件
个人写这个弹出框的原因就一个，就是能给我带来可复用，追求新，要简单，可扩展。要达到炫酷有点难度，分析后还是决定以功能为主，因为是用jq和animation实现的弹出框组件，所以看起来难度不大，简称co-dialog。 演示效果DEMO 灵感来源，因为工作中用到dialog，发现UI设计的弹出框 ...
移动端从底部向上过渡弹出弹框
第一种方法： 把弹框固定在底部，通过过渡弹框高度来实现。下面是完整demo,可复制。 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name ...
移动端输入框弹出键盘控制
在移动端，我们公司通过输入框主要收集用户的姓名和电话，以下是对输入框获取焦点时，控制弹出键盘的样式来增强用户体验。 输入姓名 我们的用户都是中国人，输入用户名为中文，所以弹出键盘是输入中文状态即可，这个时候type = 'text'即可，默认状态下一般都是弹出中文输入键盘，所以可满足 ...
移动端实现弹出框渐显和渐隐效果
在移动端想实现一个弹出框渐渐出现和消失的效果。由于用的是vue.js,所以写法有些独特,用变量控制是否显示类名。但是核心解决方法就是CSS3的animation属性应用还有CSS中的z-index应用，必须初始化定义让弹出框在最底部。还有就是opacity属性的应用，这样才有渐健弹出和渐渐消失 ...
移动端页面弹出对话框效果Demo
核心思路：设置一个隐藏的(display:none;)、背景偏暗的div及其子div作为对话框。当点击某处时，将此div设置为显示。 核心代码例如以下(部分js代码用于动态调整div内容的行高。这部分代码能够忽略): <!doctype html> < ...
移动端弹出模态框禁止页面滑动
开始我用的是 后来发现在移动端有问题 这样就ok了 好吧！到此为止本以为结束了，但是在移动端浏览器和微信浏览器中发现有问题（页面加载后的一次弹出模态框时，模态框下面的页面会跑到页面最顶部），最后移动端的解决办法如下： 上面方法解决了页面禁止 ...
解决移动端弹出键盘时遮挡输入框
最近做一个移动端的页面，有一个输入框是放在了页面的底部，当点击输入框弹出输入法虚拟键盘的时候，出现了虚拟键盘遮挡输入框的情况，虽然手动向上滑动页面将输入框滑到可视范围内，但在一定程度上影响了用户体验，若能解决掉这个问题，最好不过了，到网上查了一下，很显然不止我一个人遇到这种问题，而解决方案 ...