div가 페이지 상단에 도달 할 때까지 스크롤합니까?

Question

나는 WordPress에서 다음 예제를 사용하려고합니다. 광고를 시작하고 300px의 페이지를 작성한 div가 있어야하며, 페이지가 맨 위에 도달 할 때까지 페이지를 스크롤 한 다음 사용자가 계속 진행할 때 거기에 머물러 있어야합니다. 아래로 스크롤합니다. 이 모든 것이 보인다, 작동해야 html 파일에 여기

http://jsfiddle.net/jPxEY/

,하지만 작동하지 않습니다 : 예는 이것을 설명한다 http://www.altesc.net/exmp.html

사실, 당신은 그가 바로 어린 아이를 보면 "비슷한 질문"상자에서 아래로 스크롤하면, 정확히 내가 한 것입니다.

나는 모든 것을 올바르게했다고 확신하지만 자바 스크립트가 작동하지 않는 것 같습니다. .

가에서 킥에 실패

<script src="http://code.jquery.com/jquery-1.7.1.js" type="text/javascript"> 

을 : 내가 JQuery와 모든 것을 복사 그냥 별도의 JS 파일의 헤더에 직접 추가하지 않으면 내가 이런 식으로 jQuery를 호출 할 때, 작동, 그것은 단지입니다

무엇이 잘못 되었습니까?

도와 내 헤더를 추가 :

<script type='text/javascript' src='http://www.altesc.net/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script> 

<script type="text/javascript"> 
//<![CDATA[ 
$(window).load(function(){ 

$(document).scroll(function() { 

var useFixedSidebar = $(document).scrollTop() > 330; 
$('.adscrollleft').toggleClass('fixedSidebar', useFixedSidebar); 

}); 

});//]]> 
</script> 

Answer 1

, 당신의 jQuery를이 파일이 매우 매우 하단에 을 가지고 포함은 jQuery.noConflict();에 대한 호출은 $ 속기 기능을 해제하는 jQuery()을 참조하십시오.

jQuery(window).load(function(){ 
    jQuery(document).scroll(function() { 
     var useFixedSidebar = jQuery(document).scrollTop() > 330; 
     jQuery('.adscrollleft').toggleClass('fixedSidebar', useFixedSidebar); 
    }); 
}); 

이제 코드가 작동합니다

그래서,이 문제를 해결하는 가장 솔직 방법이다. 여기에 내 컴퓨터에서 작동 파일의 페이스트 빈이야 (당신이 매우 큰 화면이있는 경우 브라우저 최대화 계속 안 주) :

http://pastebin.com/GCvaCF7c

어떤 사람들은 정말 $ 속기 같은,하지만, 당신 때문에 이 많이보기 :

//     >>> The $ below <<< 
jQuery(window).load(function($){ 
    $(document).scroll(function() { 
     var useFixedSidebar = $(document).scrollTop() > 330; 
     $('.adscrollleft').toggleClass('fixedSidebar', useFixedSidebar); 
    }); 
}); 

jQuery는 범위에서 사용할 수 있습니다. 이제는 언제든지 글로벌 범위에있는 jQUery()을 사용하여 익숙해 져야합니다.

Answer 2

몇 가지 문제가 여기에 :

이

• 첫째, jQuery를의 로컬 복사본을 사용합니다.

  온라인 사본은 항상 유지되지만, 자신 만의 것이 가장 좋습니다. 그것을 다른 방식으로 생각하는 것 : jQuery 사이트가 다운 된 경우 어떻게해야합니까? "leeching"하고있는 스크립트 또한 중단 될 것이며, leekhed jQuery에 의존하는 스크립트를 실패하게 만들 것입니다.

  스크립트 제

• 로드 라이브러리로드 순차적으로 (일부 비동기 물건 deferasync 또는 속성, 또는 종속 로더 같이 사용하지 않는 한)을 차례로 분석된다. 스 니펫이 jQuery에 의존하고 전에 jQuery 앞에로드 된 경우 오류가 발생합니다. 먼저 라이브러리 스크립트를로드 한 다음 나중에 의존하는 스크립트를로드하십시오.

  무슨 뜻인지의 빠른 비주얼

  :
  이 작업을 얻기 위해 시도 할 수있는 몇 가지가 있습니다

  <script src="jQuery.js"></script> 
  <script src="yourScriptThatDependsOnJQuery.js"></script> 
  <script> 
      //scripts that depend on jQuery 
  </script> 
  

Answer 3

.

1. 스크립트가 페이지에 들어갔습니다되어 있는지 확인이 확인하는 한 가지 방법은 크롬 디버거의 '소스'탭을 사용하고 HTML 헤드 섹션에서 다른 파일을 검색하는 것입니다

2. jQuery를 포함시킨 후에 종속 스크립트를 포함 시켰는지 확인하십시오. 가장 의존적 인 스크립트입니다.

3. jQuery가 제대로 포함되어 있는지 한 번만 확인하십시오.

4. jQuery에 대한 조심해. $ 더 이상 jQuery를 별칭하지 않기 때문에 코드가 작동하지 않는, 그래서 $를 overridding되는 다른 라이브러리가있다. jQuery.noConflict()을 사용하면 같은 변수 $를 사용하는 페이지의 다른 라이브러리와의 충돌을 피할 수 있습니다.

Answer 4

삭제이 : 나는 질문에서 내 댓글에 말했듯이 $(window).load(function(){