列表左边固定,右边滚动,下拉后侧消失求解决

左边固定,右边滚动,刚开始没有问题。左侧列表太短,下拉后会出现整个右侧消失。代码如下:
// 左边固定,右边滚动

function myscoll(){
    var fixedEle = $('#news-right');
    var fixedEleTop = fixedEle.offset().top;
    var winHeight = $(window).height();
    var winWidth = $(window).width();
    $(window).scroll(function(e){
        var footerTop = $('#footer').offset().top-winHeight; // 滚动条滚动多少,底部出现
        _scrollTop = $(document).scrollTop();   

        if(_scrollTop > fixedEleTop+10 &&  _scrollTop<= footerTop){
            fixedEle.css({
                position: 'fixed',
                top: '-850px',
                right: (winWidth - 1144)/2+'px',
            });              
        }else if( _scrollTop>footerTop){
            var a = _scrollTop-footerTop;
            fixedEle.css({
                'position': 'fixed',
                'top':'-'+(850+a)+'px',
                'right': (winWidth - 1144)/2+'px',
            });
        }else{
            fixedEle.css({
                'position': '',
            }); ;
        }
    })
}

$(window).bind('load',function(){
    window.setTimeout(myscoll, 500);
});

图片描述

图片描述

阅读 3.7k
3 个回答

当你设置position为空时,

fixedEle.css({
    'position': '',
});

将去掉添加在#news-right DOM元素style属性上的position值,将其恢复为class属性或css文件中指定的#news-right 的position值

你可以通过浏览器开发者工具查看对应DOM元素当前的CSS样式值

问题已解决了,谢谢

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题