Jquery waypoint stickey 문제

Question

jquery 중간 지점을 사용하여 일부 끈적 거리 탐색을 만들려고 시도했지만 문제가 발생했습니다.

<script src="js/waypoints-sticky.min.js"></script> 
<script src="js/waypoints.js"></script> 
<script src="js/waypoints-sticky.js"></script> 
<script type="text/javascript" charset="utf-8"> 


    $(document).ready(function(){ 
     $(window).resize(function(){ 
      $('#mainsplash').css("height", ($(window).height() - 200) + "px"); 
     }); 
     $('#mainsplash').css("height", ($(window).height() - 200) + "px"); 
     $('.sticky1').waypoint('sticky', { 
      offset: 0 // Apply "stuck" when element 30px from top 
     }); 
    }); 


</script> 

CSS

.stuck{position: fixed; top: 0;} 

Issue1 페이지

에

: 된 div에서 작동하지 않는 것? "sicky1"클래스와 함께 div를 적용하면 아무 일도하지 않습니다. 그러나 "stick1"클래스를 H1 또는 A 태그에 적용하면 작동합니다. div에이 방법을 사용할 수 있습니까?

Issue2 : 여러 요소에 끈적 끈적한 부분을 적용한 다음 맨 위로 이동할 때 서로 아래에 앉히는 방법이 있습니까?

기본적으로 내가하려는 것은 아코디언 영향을 만드는 것입니다. 그래서 내 페이지가 3 개의 섹션을 가지고 있다고 가정 해 봅시다.

제품 - 내용 대한 정보 -CONTENT 연락 -content.

사용자가 맨 아래로 스크롤하면 세 섹션이 페이지 아래쪽에 서로 붙어 있어야합니다. 이 말이 -footer-

호프 -

즉 PRODCUT 대한 CONTACT

• 콘텐츠 (이들은 서로 옆 옆 미만이어야한다). Jquery 내 강한 소송이 아니야.

Answer 1

마음에 들지 않았으므로 알아 냈습니다. 왜 div에서 작동하지 않았는지 확실하지 않았지만 갑자기 작동하기 시작했습니다. 그리고 div에 CSS의 여백을 설정하고 jquery의 오프셋을 통해 아코디언에 영향을 줄 수있었습니다.