移动端 一个简单易懂的弹出框
图片效果如下 淡入 淡出。自适应居中。 function tishi(content,url) { $(".xiaoxi").remove(); var htm ...
原文：移动端弹出框插件
在H 移动端项目开发过程，肯定会遇到不少与客户打交道的弹出框。 当然基于H API中有提供系统的弹出对话框，虽然能够达到效果，但是实际的美观是几乎不存在的。 应项目需要，草草的写了一个弹出框的效果。 作为程序猿代码是最敏感的，废话也少说了，直接看下面的代码： css代码部分： js代码部分： 使用的方法： 内容区可以自定义一些html代码加上相关的css样式即可，菜鸟初次写插件，望大神指点。 PS ...
2015-09-19 00:03 0 8353 推荐指数：
相关推荐
移动端从底部向上过渡弹出弹框
第一种方法： 把弹框固定在底部，通过过渡弹框高度来实现。下面是完整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了 好吧！到此为止本以为结束了，但是在移动端浏览器和微信浏览器中发现有问题（页面加载后的一次弹出模态框时，模态框下面的页面会跑到页面最顶部），最后移动端的解决办法如下： 上面方法解决了页面禁止 ...
解决移动端弹出键盘时遮挡输入框
最近做一个移动端的页面，有一个输入框是放在了页面的底部，当点击输入框弹出输入法虚拟键盘的时候，出现了虚拟键盘遮挡输入框的情况，虽然手动向上滑动页面将输入框滑到可视范围内，但在一定程度上影响了用户体验，若能解决掉这个问题，最好不过了，到网上查了一下，很显然不止我一个人遇到这种问题，而解决方案 ...
弹出框插件——dialog
基于jquery和dot.js弹出框插件，兼容IE6+等其他浏览器。思想：弹出框元素插入body节点中，并在页面垂直居中显示（fixed定位），触发确定和关闭事件绑定。 注意ie6包含两个问题：一、select、flash不能遮罩，采用iframe。二、fixed属性采用滚动时重新计算高度或在 ...