javascript - jquery小效果!!!
大家讲道理
大家讲道理 2017-04-10 17:15:42
[JavaScript讨论组]

重新提交是问题,之前的描述没有配图不好理解,像虎扑这样的
拉动屏幕向上滚,当周四碰到上面那导航栏(nba 中国篮球)
的时候就浮在它下面,然后拉到周五的话周五就浮到导航栏下面,以次拉周六,周日也是一样
我解决了向上滚的效果,现在是向下滚,怎么让脱离文档流的这些title回到原来位置
要怎么计算????




    
        
        Document
        
    

    
        

星期一

内容

星期二

内容

星期三

内容

星期四

内容

星期五

内容

星期六

内容

星期日

内容

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(1)
ringa_lee
        $(function() {
            var _scrollobj = $('.out_box');
            var _navbanner = $('.header'); 
        
            $(window).scroll(function(){
                var _windowscrollTop = $(this).scrollTop();
    
                _scrollobj.each(function(){
                    var _this = $(this);
                    var _objscrollTop = _this.offset().top;
                    var _bannerH = (_navbanner.length > 0) ? _navbanner.height() : 0;
    
                    if(_windowscrollTop > (_objscrollTop - _bannerH)){
                        _this.children().addClass('navFix').css('top',_bannerH);
                    } else {
                        _this.children().removeClass('navFix');
                    }
                })    
            })
            
        });
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号