我想通过滚动将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元素时会变大。我该如何解决/预防这个问题?
这是滚动前后的屏幕截图:
最佳答案
通过将position: fixed;
添加到#betslip
,它将忽略容器的宽度。尝试将width: inherit;
添加到#betslip
。已修复
关于javascript - Bootstrap将div元素固定在顶部并防止调整大小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40898762/