页面滚动tab监听

 页面 需求,顶部固定,左侧固定,右侧内容滚动

所以给右侧内容高度,内容里面滚动
(使用固定定位的话,右侧内容总会给head部分遮挡,比较坑)

1.左侧是侧边栏,点击li,右侧内容显示当前
  右侧内容滚动,当滚动到当前位置后,侧边栏当前 高亮

js 代码

 var _lis =  $(".sliderbar li"); 
 var _list = $(".con_scroll .item"),
                _lilen = _lis.length-1;
        $(".con_definition").on('scroll',function(){
            var scrollTop = $(window).scrollTop()+_head+80,
                    len = _lilen;
            for (; len > -1; len--) {
                var that = _list.eq(len);
                if (scrollTop >= that.offset().top) {
                    _lis.removeClass('cur').eq(len).addClass('cur');
                    break;
                }
            }
        })

 

posted @ 2018-08-06 19:25  lilyliu329  阅读(598)  评论(0编辑  收藏  举报