分享

CSS样式定位页面

 kpengfang 2015-08-19

CSS样式定位页面,大多数是定位导航栏;

1、第一把下面js拷贝到代码页面;

2、第二把以下写的css样式拷贝到对应的样式里面;

3、第三把以下写的<ul class="bb"></ul>里,嵌入你要固定不动的代码;

<script type="text/javascript" language="javascript">
    if (typeof (bitLoadScript) == "undefined")
        bitLoadScript = function (url, callback, charset) {
            var s = document.createElement("script"); s.type = "text/javascript"; if (charset) s.charset = charset;
            if (s.readyState) { s.onreadystatechange = function () { if (s.readyState == "loaded" || s.readyState == "complete") { s.onreadystatechange = null; if (callback) callback(); } }; }
            else { s.onload = function () { if (callback) callback(); }; }
            s.src = url; document.getElementsByTagName("head")[0].appendChild(s);
        };
</script>


<ul class="bb">这里是填写需要定位的代码</ul>


.bb{width:100%;height:185px;background:#fff;
 z-index:2; margin:0px auto;position:fixed !important; top:0px;
position:absolute;  top:expression(offsetParent.scrollTop+0);}


详见例子:http://www./meitibaodao/2012071999.html


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多