CSS+JS问题总结！

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：防止忘记，遇到好查找~