1、在HTML中标签中的数字和字母默认是不换行的,如果要将他们换行,需要设置CSS属性:
word-break:break-all;word-wrap:break-word;
2、页面时DIV到达顶部时固定:
<div style="height:300px;background:#e0e0e0"></div>
<div id="fixedMenu_com" style="background:#ffffff;width:100%;"><ul>
<li><a href="#" target="_blank">.NET</a></li>
<li><a href="#" target="_blank">Javascript</a></li>
<li><a href="#" target="_blank">jQuery</a></li>
<li><a href="#" target="_blank">C#</a></li>
<li><a href="#" target="_blank">其他</a></li>
<li><a href="#" target="_blank">首页</a></li></ul>
</div>
<div style="height:2600px;background:#999"></div>
<script type="text/javascript">
$(function () {
var ie6 = document.all;
var dv = $('#fixedMenu_com'), st;
dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离
$(window).scroll(function () {
st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
if (st > parseInt(dv.attr('otop'))) {
if (ie6) {//IE6不支持fixed属性,所以只能靠设置position为absolute和top实现此效果
dv.css({ position: 'absolute', top: st });
}
else if (dv.css('position') != 'fixed') dv.css({ 'position': 'fixed', top: 0 });
} else if (dv.css('position') != 'static') dv.css({ 'position': 'static' });
});
});
</script>
3、文字竖排显示css:
writing-mode: vertical-lr;writing-mode: tb-lr;
4、解决ios键盘聚焦之后在顶部不下来的情况:
<input type="text" class="revise" placeholder="信息不能为空"/>
JS:var input_class = document.getElementsByClassName('revise');
Array.prototype.forEach.call(input_class, function(element) {
element.onblur = function() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
});
5、气泡从有到无显示:
<div class="btn_right">签到</div>
js控制气泡:$('.btn_right').click(function(){ $('.errormsg').fadeIn(300).delay(4000).fadeOut(300;});
PS:防止忘记,遇到好查找~