래퍼 내의 요소와 함께 작동하도록 panelSnap 플러그인을 얻는 방법은 무엇입니까?

Question

scrollSource 플러그인을 사용하여 스크롤하려는 요소가 태그 내에있을 때 작동 시키려고했습니다.

하지만 동일한 것을 시도하고 있지만 래퍼 내부의 요소를 사용하면 더 이상 작동하지 않습니다. 나는이 오류 메시지를 받았습니다 크롬으로

: 'catch되지 않은 형식 오류 : 부동산 읽을 수 없습니다'

을 '정의의'정상을 난 내가 미치지 않았어 확인하기 위해 jsFiddle를 만들었습니다! http://jsfiddle.net/7K2CT/6/

var options = { 
    $menu: $('header .menu'), 
    panelSelector: 'section.panel', 
    directionThreshold: 200, 
    slideSpeed: 500 
}; 
$('#wrapper').panelSnap(options); 

Answer 1

첫째, 래퍼에 이러한 스타일을 추가

position: absolute; 
overflow: scroll; 

그런 다음 옵션에서 panelSelector: 'section.panel'을 가지고, 그것은 작동합니다. 나중에 옵션을 미세 조정할 수 있습니다. Here's a fiddle.