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

div随页面滚动 位置固定问题js代码discuz教程

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

div随页面滚动  位置固定,但是当碰到下方一个div块后结束固定,请教老大解决,下面是js代码,我试了下,固定的div会穿过下方的div,不好看.

<script type="text/javascript">
    window.onload=
        function(){
            var oDiv = document.getElementById("fixPara"),
                H = 0,
                Y = oDiv        
            while (Y) {
                H += Y.offsetTop; 
                Y = Y.offsetParent;
            }
            window.onscroll = function()
            {
                var s = document.body.scrollTop || document.documentElement.scrollTop
                if(s>H) {
                    oDiv.style = "position:fixed;top:60px;left: 963px;"
                } else {
                    oDiv.style = "position:static;"
                }
            }
        }
</script>


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

转载请注明: div随页面滚动 位置固定问题js代码discuz教程

标签:  
相关文章
模板推荐