欢迎来到素材无忧网,按 + 收藏我们
登录 注册 退出 找回密码

discuz 门户页面支持导航顶部固定

时间: 2019-05-24 11:57 阅读: 作者:素材无忧网

目录 网上的方法,在需要顶部固定的页面加一句代码: <!--{if empty($_G['setting']['disfixednv_forumindex']) }--><script>fixed_top_nv();</script><!--{/if}--> 复制代码 亲测此方法成功过,也失败过。 如果不管用,也可以使用下面代码:
<style type="text/css">
.floatnv{position:fixed;_position:absolute;top:0px;z-index:999;width:100%;}
</style>
<script language="javascript" type="text/javascript">
    (function() {
        var oDiv = document.getElementById("nv");
        var H = 0, iE6;
        var Y = oDiv;
        while (Y) {
            H += Y.offsetTop;
            Y = Y.offsetParent;
        };
        iE6 = window.ActiveXObject && !window.XMLHttpRequest;
        if (!iE6) {
            window.onscroll = function() {
                var s = document.body.scrollTop || document.documentElement.scrollTop;
                if (s > H) {
                    oDiv.className = "floatnv";
                    if (iE6) {
                        oDiv.style.top = (s - H) + "px";
                    }
                } else {
                    oDiv.className = "";
                }
            }
        }
    })();
</script>

document.getElementById("nv");对应的是id="nv"的元素。

版权声明: 本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

转载请注明: discuz 门户页面支持导航顶部固定

标签:  
相关文章
模板推荐