jQuery를 웨이 포인트와 반응 코드가 재생되지 멋지게

Question

나는 여기에 반응하는 사이트가 있습니다.

문제는 화면을 너무 좁게 만든 다음 실제로 다시 넓게 만들면 ".stuck"클래스가 메뉴에 적용되고 메뉴가 헤더 맨 위에 오게되면 사물이 엉망이됩니다. .

그래서 여하튼 화면 너비를 변경하면 ".stuck"클래스를 제거하기 위해 Waypoint를 가져와야합니다. 어떻게해야합니까?

Answer 1

동일한 문제가있었습니다.

CSS의 미디어 쿼리 부분에만 코드를 삽입하면 작동합니다. 여기

는 폭이 900px보다 작은 경우 웨이 포인트가 그렇게되면 더 큰, 달라 붙지 않는 예입니다 :

/* Small */ 
@media (min-width:100px) and (max-width:900px) { 
.stickyright {position:relative; width:300px;} 
.stickyright.stuck {position:relative; width:300px;} 
} 

/* Large */ 
@media (min-width:901px) { 
.stickyright {position:inline; width:320px;} 
.stickyright.stuck {position:fixed; width:320px;} 
}