HTMLページでJavaScriptを使用していましたが、スクリプトを外部のjsファイルに移動しました。これがスクリプト(jful.js)です
<script type="text/javascript">
$(function() {
// grab the initial top offset of the navigation
var sticky_navigation_offset_top = $('#catnav').offset().top;
// our function that decides weather the navigation bar should have "fixed" css position or not.
var sticky_navigation = function(){
var scroll_top = $(window).scrollTop(); // our current vertical position from the top
// if we've scrolled more than the navigation, change its position to fixed to stick to top,
// otherwise change it back to relative
if (scroll_top > sticky_navigation_offset_top) {
$('#catnav').css({ 'position': 'fixed', 'top':0, 'left':0 });
} else {
$('#catnav').css({ 'position': 'relative' });
}
};
// run our function on load
sticky_navigation();
// and run it again every time you scroll
$(window).scroll(function() {
sticky_navigation();
});
});
</script>
現在、スクリプトは機能していません。このようなスクリプトを含めました
<head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="jful.js"></script></head>
もう一度スクリプトをHTMLドキュメントに直接追加すると、機能します!(このスクリプトはページを下にスクロールすると実行されます)問題は何ですか?