html内容区
<br />
火狐 ,谷歌兼容checkebox方式不一样: 可参考下面内容处理 :
http://codepen.io/chitanda/pen/XbNBKE/
火狐中存在的input.select缓存问题,清除input缓存
火狐默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除 缓存记录。
如果不想让ff缓存input的值,有2种方法:
1,在不想使用缓存的input中添加 autocomplete="off";
如: <input type="text" autocomplete="off" name="test" />
2,在 input 所在的 form 标签中添加 autocomplete="off";
如: <form action="#" autocomplete="off"></form>
<br />
css内容区
<br />
防止在移动端卡顿
-webkit-overflow-scrolling:touch;
css媒体查询:
@media only screen and (max-width: 992px) { }
appearance清空默认方式 :
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
全屏半透明遮罩:
.mask_cover{position:fixed;width:100%;height:100%;z-index:1000000;background:rgba(0,0,0,.6);display: none;}
<br />
js内容区
<br />
页面回到顶部
$("body").scrollTop(0);
页面禁止滚动和恢复滚动:
// 页面设置禁止滚动
$("body").css({"overflow":"hidden"});
// 页面设置恢复滚动
$("body").css({"overflow":"auto"});