2016-06-23 1 views
1

페이지를 따라 움직일 수있는 요소가 있지만 대화 상대 섹션 전에 약간 움직일 수 있습니다. 멈추고 싶습니다. 그래서 나는 CSS 속성이나 maby를 CSS로 찾을 수 없다. 그래서 내 코드는 다음과 같습니다 JS :스크롤하는 동안 움직이는 요소 이동 중지

var kontaktOffset = $('.kontakt').offset().top + 100; 

if (wScroll > kontaktOffset - ($(window).height()/0.9)) { 

    var eboy = $('#eboy').addClass('stop'); 
} 
else { 

    var eboy = $('#eboy').removeClass('stop'); 
} 

CSS : 지금 내 요소에 대해

.stop { 
    position: fixed; 


} 

-가 사라>#eboy.
그래서 누군가 그것을 고치는 법을 알고 있습니까?

+0

jsfiddle에 데모를 게시 할 수 있습니까? – Viney

+0

@Pixel http://dev.epartner.rs/ 여기 웹 사이트 링크입니다. 문제는 ** ** 엡손 (** eboy **)이 사라질 때입니다. Sry 모든 화면 해상도에 최적화되어 있지 않습니다. –

답변

0

스크롤 기능으로 #eboy의 여백이 변경됩니다. #eboy에는 절대 위치가 있으므로 특정 scrollTop에서 고정으로 변경하면 원하는 것을 해결할 수 없습니다.

스크롤 기능에서 if 문을 적용하면 margin-top #eboy 변경 사항을 적용 할 수 있습니다. (wScroll < kontaktOffset - ($ (window) .height()/0.9)).

관련 문제