CSS를 통해 사이드 메뉴를 열 때 몸체가 스크롤되지 않도록합니다. 변형형

Question

저는 현재 구식 Facebook 앱과 같은 사이드 메뉴를 사용하는 새로운 사이트에서 작업하고 있습니다. 내 메뉴가 제대로 열리지 만 페이지를 아래로 스크롤하면 내용이 현재 스크롤 된 위치에 머물지 않고 페이지 상단으로 다시 스크롤됩니다.

예 : http://staging.michalekbrothersracing.com/이

다른 사람이 문제가 있었나요 (약간의 방법을 아래로 스크롤하여 "우리의 파트너"버튼을 클릭합니다).? 모든 팁이나 제안은 크게 감사하겠습니다! 정말 고마워!

Answer 1

side-nav.js 스크립트의 click 함수에 e.preventDefault()을 추가하십시오. 이를 사용하지 않으면 브라우저가 # 링크의 기본 동작을 시작합니다.이 동작은 페이지에 정의되어 있지 않으므로 페이지 상단에 있습니다.

$("#open-right").click(function(e) { 
    e.preventDefault(); 
    $("#open-right").css("display", "none"); 
    $("#close-right").css("display", "block"); 
}); 

$("#close-right").click(function(e) { 
    e.preventDefault(); 
    $("#open-right").css("display", "block"); 
    $("#close-right").css("display", "none"); 
});