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