私はこれを理解するほど賢くないと言うつもりです。Twitter のブートストラップの spacelab バージョンを使用しています。ページを更新する時間の 50% は、このように表示されます。残りの半分の時間は問題なくロードされます。これは何が原因でしょうか?http://i.imgur.com/8rhDZ.png
JSを無効にすると発生しないようです。どのスクリプトが犯人である可能性がありますか?
<script>
$(document).scroll(function(){
// If has not activated (has no attribute "data-top"
if (!$('.subnav').attr('data-top')) {
// If already fixed, then do nothing
if ($('.subnav').hasClass('subnav-fixed')) return;
// Remember top position
var offset = $('.subnav').offset()
$('.subnav').attr('data-top', offset.top);
}
if ($('.subnav').attr('data-top') - $('.subnav').outerHeight() <= $(this).scrollTop())
$('.subnav').addClass('subnav-fixed');
else
$('.subnav').removeClass('subnav-fixed');
});
</script>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://bootswatch.com/js/bsa.js"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.min.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/application.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootswatch.js"></script>