小技巧css解决移动端ios不兼容position:fixed属性，无需插件
移动端开发仿app头部底部固定设置position:fixed，android2.2以上已经实现。但是在ios8以下系统，当小键盘激活时，都会出现位置浮动问题。如图：
如何解决：
查阅资料之后想到一下几种解决方法
1，使用position：absolute模拟
&script type="text/javascript"&
window.onscroll=function(){
$(".fixed").css("top",$(window).scrollTop());
$(".foot").css("top",$(window).scrollTop()+$(window).height());
问题来了：滑动页面时头部底部div会有明显的抖动。
2，判断当前获得焦点元素是input则隐藏div改为position：absolute
&body onload=setInterval("a()",500)&
&script type="text/javascript"&
function a(){
if(document.activeElement.tagName == 'INPUT'){
$(".fixed").css({'position': 'absolute','top':'0'});
$(".fixed").css('position', 'fixed');
问题来了:不停监控dom，消耗资源。如果input个数较少，可在input里面添加onfocus事件好一些。但是如果是底部固定div此方法好像不太给力。
3，插件iscroll.js个人感觉不是很好用。可能方法不对，jQuery
没尝试，感觉会增负担。
4，重点来了：
只需要在中间部分外层div添加css样式position:top:50 bottom:50overflow:就可以实现效果，无需插件。可拷贝下面代码运行。
&!DOCTYPE html&
&html lang="zh_cmn"&
&meta charset=utf-8 /&
&meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&
&meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /&
&title&&/title&
.head,.foot{position:left:0;height:38line-height:38width:100%;background-color:#99CC00;}
.head{top:0;}
.foot{bottom:0;}
.main{position:top:38bottom:38width:100%;overflow:background-color:#BABABA;}
&header class="head"&顶部固定区域&/header&
&article class="main"
id="wrapper"&
&p&当内容欲出隐藏时，灰色区域可上下拖动&/p&
&p&当内容欲出隐藏时，灰色区域可上下拖动&/p&
&p&当内容欲出隐藏时，灰色区域可上下拖动&/p&
&p&当内容欲出隐藏时，灰色区域可上下拖动&/p&
&p&当内容欲出隐藏时，灰色区域可上下拖动&/p&
&p&当内容欲出隐藏时，灰色区域可上下拖动&/p&
&p&当内容欲出隐藏时，灰色区域可上下拖动&/p&
&p&当内容欲出隐藏时，灰色区域可上下拖动&/p&
&p&当内容欲出隐藏时，灰色区域可上下拖动&/p&
&p&当内容欲出隐藏时，灰色区域可上下拖动&/p&
&p&当内容欲出隐藏时，灰色区域可上下拖动&/p&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
&input type="text" value="" class="inputtext"& &br&
content &br&
content &br&
content &br&
content &br&
content &br&
content &br&
content &br&
content &br&
content &br&
&/article&
&footer class="foot"&底部固定区域&/footer&
&/body&&/html&
当小键盘出现时头部、底部自动跳到页面最顶端、最底端。键盘隐藏时又会固定在头部，底部。顿时感觉开朗了
ios对于fixed属性不兼容的解决方案
web端ios布局fixed元素软键盘唤起时fixed失效
移动端web页面使用position:fixed问题总结
移动端 position:fixed;
定位在iOS系统上失效，该怎么解决
移动端ios不兼容position:fixed属性
position:fixed（固定位置定位）在移动开发中总结大全
Android系统中 webkit 内核浏览器position:fixed所造成的兼容问题
踩坑路上——IOS Safari浏览器下固定定位position:fixed带来的问题与解决方案
IOS系统对position:fixed支持不好的解决方法
移动端整体布局-解决ios下fixed定位抖动的问题
没有更多推荐了，&>&轻量级的自定义弹窗插件
不需要设置属性
轻量级的自定义弹窗插件
不需要设置属性
上传大小：31KB
轻量级的自定义弹窗插件
不需要设置属性
只需要在你写的html 的使用jquery 的节点引入插件，就会变成弹窗，代码被附有使用说明
综合评分：0
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有0条
VIP会员动态
热门资源标签
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验，不建议使用迅雷下载
轻量级的自定义弹窗插件
不需要设置属性
会员到期时间：
剩余下载个数：
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
无法举报自己的资源
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可返还被扣除的积分
被举报人：
请选择类型
资源无法下载 （ 404页面、下载失败、资源本身问题）
资源无法使用 （文件损坏、内容缺失、题文不符）
侵犯版权资源 （侵犯公司或个人版权）
虚假资源 （恶意欺诈、刷分资源）
含色情、危害国家安全内容
含广告、木马病毒资源
*投诉人姓名：
*投诉人联系方式：
*版权证明：
*详细原因：
轻量级的自定义弹窗插件
不需要设置属性后使用快捷导航没有帐号？
查看: 987|回复: 2
新人欢迎积分1 阅读权限20积分32精华0UID帖子金钱363 威望0
Lv.2, 积分 32, 距离下一级还需 18 积分
UID帖子威望0 多玩草0 草
我的恶魔猎手号人物属性界面怎么不能显示属性装等这些？？？另外的德鲁伊号确可以？
23:22:03 上传
新人欢迎积分1 阅读权限20积分32精华0UID帖子金钱363 威望0
Lv.2, 积分 32, 距离下一级还需 18 积分
UID帖子威望0 多玩草0 草
有没有人啊，帮帮忙啊！！
Lv.4, 积分 299, 距离下一级还需 701 积分
UID帖子威望0 多玩草0 草
和你一模一样啊，同账号下的大号战士就屁事没有，魔盒卸载了重装还是这德性，想要看属性就得禁用多玩魔盒
需要金钱：1100
手机盒子客户端点击或扫描下载
Powered by以撒的结合：胎衣属性显示插件下载及使用介绍
& &&《以撒的结合：胎衣》中属性显示插件可以用吗？怎么用？下面为大家介绍的是玩家分享的《以撒的结合：胎衣》中属性显示插件新功能的使用，一起来看看吧。
& & 点击下载：
& & 新功能，tears fired会显示最上面那个14的属性，是你总共射了多少眼泪的数目
& & shot height会增加显示子弹飞行高度，在第六个的位置
& & 下面可以选择数值的地方，是让你选浮点数，也就是保留多少位小数点
& & 选择好后按下面的save就能即时看到效果
& & 最下面的按钮是重置设置
& &&《以撒的结合：胎衣》属性显示插件下载及使用就为大家介绍到这，希望对各位有帮助！
http://www.19yxw.com/Article//214618.html 19游戏网整理报道编辑为您推荐的相关文章先说我有的~零名称：小黄鸡通用能力：无数量：无捕捉地点：杭州成就商人一名称：拂林犬通用能力：送物通用能力数量：1捕捉地点：二名称：漆木犬通用能力：可选数量：2捕捉地点：三名称：灵鸦犬通用能力：可选数量：2捕捉地点：四名称王者联萌附魔石炼化一共有17种属性，能够为主角带来不少的属性加成，加成的属性都有哪些呢？使用附魔石需要注意什么呢？有什么技巧呢？下面我们一起来对王者联萌附魔石使用技巧做一个详细的了解吧！附魔石炼化一共有17种属性：物理攻奇迹来了有多少种果实果实成功使用加几点属性奇迹来了里成功使用果实当然能让自己多一些属性更强力啦，但是很家不太了解具体加几点属性，也不知道一共有多少种果实，就有小编给大家科普一下。奇迹来了中的果实类型分为四种：体力果实，力全民突击刺羚F2X是在新年推出的一款新的狙击枪，很多玩家对这款枪的属性及其实用性还不太清楚，下面小编给大家解析刺羚F2X的属性及使用技巧，一起来了解下吧。刺羚F2X属性及对比：枪械名称最高等级最高星级火力伤害穿透暴击射速全民突击AK属性详情一览！使用玩法教学，很多小伙伴们心仪的AK47终于来啦~快来参考下它的属性以及枪支的使用攻略吧！AK47属性详情：要说AK47怎么用，很多玩家都知道，AK的精准不错，但是稳定性不好，如果按住射击一梭子
相关新手卡热门文章一周热门文章请选择插件版本进行下载：
近战实时属性显示插件TinyMeleeStats
插件大小：未知
对应版本：不限
插件作者：TheVaan
插件来源：wow.curse.com
最后更新： 12:45
请滑动鼠标评分
　TinyMeleeStats近战实时属性显示插件，显示近战有用的战斗实时属性：攻击强度、爆击、命中、武器速度等。
　　TinyMeleeStats近战实时属性显示插件，显示近战有用的战斗实时属性：攻击强度、爆击、命中、武器速度等。　　插件在界面上会显示2个属性条，上一个是你的实时属性，下一个是你的最高记录属性（可以在配置里关闭），当你打破你的记录时，插件会用文字和音效提醒你。在界面选项的插件中进行配置。
插件新人手册
　　魔兽世界插件通用安装说明
正在加载中...
正在加载中...
正在加载中...
最新评论(前10条)
多玩广东网友说:
正在加载中...
正在加载中...
正在加载中...
查看更多评论...
自觉遵守：爱国、守法、自律、真实、文明的原则
尊重网上道德，遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
严禁发表危害国家安全，破坏民族团结、国家宗教政策和社会稳定，含侮辱、诽谤、教唆、淫秽等内容的作品
关注此插件的玩家还关注
RageBar战士怒气条显示插件，在界面上显示一个额外的怒气条插件，使...
　　TankWarnings插件专门用来帮助坦克们来通报自身技能的使用情况...}