このコードのブートストラップ affix-bottom に関する問題が発生しました: http://jsfiddle.net/uvnGP/131/
var headerHeight = $('header').outerHeight(true);
var footerHeight = $('footer').innerHeight();
$('#account-overview-container').affix({
offset: {
top: headerHeight,
bottom: footerHeight
}
}).on('affix.bs.affix', function () { // before affix
$(this).css({
'width': $(this).outerWidth() // variable widths
});
}).on('affix-bottom.bs.affix', function () { // before affix-bottom
$(this).css('bottom', 'auto'); // THIS is what makes the jumping
});
jsfiddle のスクロールはスムーズですが、(Firefox を使用して) ローカルでコードをテストすると、まったくスムーズではありません (フッターをスクロールすると、フッターにナビゲーションが表示されることがあります。このスクリーン キャプチャを確認してください http://awesomescreenshot.com /04e2gnjk17 )。firebug で確認したところ、フッターでスクロールすると、nav クラスが affix と affix-bottom の間で変化することがわかりました (フッターでスクロールすると、affix-bottom にスティックが表示されるはずです)。
どうすればこの問題を解決できますか?
ありがとうシャラット