引導修復div元素頂部，並防止調整大小

我想通過滾動修復頂部的div元素。我已經用下面的代碼來實現這一點：引導修復div元素頂部，並防止調整大小

的Javascript：

$(function() { 
var msie6 = $.browser == 'msie' && $.browser.version < 7; 
if (!msie6) { 
    var top = $('#betslip').offset().top - parseFloat($('#betslip').css('margin-top').replace(/auto/, 0)); 
    $(window).scroll(function (event) { 
    // what the y position of the scroll is 
    var y = $(this).scrollTop(); 
    // whether that's below the form 
    if (y >= top) { 
     // if so, ad the fixed class 
     $('#betslip').addClass('fixed'); 
    } else { 
     // otherwise remove it 
     $('#betslip').removeClass('fixed'); 
    } 
    }); 
}

CSS：

#betslip.fixed { 
    position: fixed; 
    top: 0; 
}

HTML：

<div class="col-md-12" id="betslip"> 
... 
</div>

的問題是，在滾動的DIV元素越來越大。我如何修復/防止這種情況？

這裏是一個屏幕截圖之後和滾動之前：

來源

2016-11-30 Vince Carter

通過添加position: fixed;到#betslip它將忽略容器的寬度。嘗試添加width: inherit;到#betslip。固定

來源

2016-11-30 22:14:51 het0

我已經添加了width：inherit，現在div不像以前那麼明亮，但它仍然不符合原始大小。我試圖添加額外的固定類也col md-6類，但沒有影響:( –

我很難理解沒有提供HTML + CSS代碼的情況下發生了什麼。 – het0

引導修復div元素頂部，並防止調整大小

回答

相關問題