我正在将代码迁移到Bootstrap 3.0.0,但是左侧的固定菜单出现了问题:一旦它变成了固定的(在滚动10像素后),它的宽度就会发生改变。在这个示例中,它会变小,在我的实际网站上,它会变得更宽并扩展到实际内容。
使用Bootstrap v2.3.2时,它可以完美地工作。经过检查,似乎列表项与出现的.affix {position: fixed;}
不兼容。
有什么想法吗?
解决方案:基于最新的评论,我终于添加了这个JS片段,它可以很好地解决问题,而无需为固定的元素设置固定宽度:
$(function() {
var $affixElement = $('div[data-spy="affix"]');
$affixElement.width($affixElement.parent().width());
});