메뉴가 열려있는 경우에만 .jPanelMenu,body{overflow-x:hidden}이 (가) 필요합니다.jPanelMenu 메뉴 열기 스타일 추가
jquery 스크롤을 사용하여 맨 위로 스크롤합니다. 창이 스크롤 된 경우 오버플로가 위로 표시됩니다. 따라서 .jPanel.open{overflow-x:hidden;}과 .jPanel.closed{overflow-x:visual}은 훌륭하게 작동합니다.
아무도 도와 줄 수 있습니까?
jPanelMenu가 켜지면 데이터 속성 (data-menu-position)이 <body> 태그에 추가됩니다. 당신은 당신이 그것을 필요로하는 클래스를 적용 할 개체 옵션의 콜백 기능을 사용할 수
body[data-menu-position="open"] { }
body[data-menu-position="closed"] { }
을 또는 :
당신은 스타일링이 속성에 훅 수 있습니다. 여기에있는 옵션을 확인하십시오 (다른 타이밍에 대한 여러 콜백이 있으므로 필요한 것을 찾기 위해 실험해야 할 수도 있음). http://jpanelmenu.com/#options-before
나는 이러한 클래스를 플러그인에 추가하지 않았지만 확실히 훌륭합니다. 암시. 플러그인에 추가하고 곧 새 버전을 출시 할 것입니다.
css는 절반 만 작동합니다. 왜냐하면 overflow-x : 모바일에 대한 html.jPanelMenu에 숨겨져 있기 때문입니다. overflow-x : 모바일에서 html.jPanelMenu에서 숨김을 제거하면 슬라이드가 돌아서 제대로 작동하지 않는 것처럼 보입니다. 그래서 jquery 옵션을 어떻게 설정할 수 있습니다. 나는 아직도 jquery에 대해 아주 새롭고 이것을 달성하는 방법을 정말로 이해하지 못한다. 당신의 도움을 주셔서 감사합니다 – Ashlee
문제를 보여주기 위해 바이올린을 만들고 싶습니까? 확실히 여기에서 도울 수 있었다. – tymeJV
예, 고맙습니다. http://jsfiddle.net/ashleigh8/KahqM/ – Ashlee