Google 크롬에서 마우스 오버하면 메뉴가 사라집니다. - IE 및 Firefox에서 작동

Question

크롬에서만 왼쪽 사이드 바 메뉴가 마우스 오버시 사라집니다. 이것은 페이지 상단에서 발생하지는 않지만 페이지 중간에서 스크롤 할 때 볼 수 있습니다. 문제보기

이미지 ->https://symu.co/rdrbyt

코드 :

.uk-notouch .tm-sidebar-togglebar .tm-sidebar:before { 
    content: ""; 
    position: fixed; 
    } 

    .uk-notouch .tm-sidebar-togglebar .uk-open-menu:before { 
    content: ""; 
    position: fixed; 
    width: 210px; 
    height: 100%; 
    } 

데모 사이트 : http://healthsphere.starazure.com/이 -> 페이지로 중간 아래로 스크롤하여 문제를 확인하기 위해 왼쪽 도구 모음을 가져 주시기 바랍니다. 당신의 도움에 대한

덕분에

Answer 1

나 자신을 파악하고 fontawesome 아이콘, 부트 스트랩, JQuery와 더와의 Joomla PHP 기반 페이지에서 바이올린을 만들기 위해 관련없는 답변을 펼쳤던 사람들이 피곤하고 더 나은 내 CSS를 얻을 수 있었다 덜 만든. 그것은 실제로 복잡한 3 레벨 메뉴 시스템이었고 사람들은 방금 예제와 스크린 샷을 보지 않고 그것을 바이올린이라고했습니다. 피들 (fiddle)을 만들 수는 있지만 나를 위해 하루 종일 걸릴 것입니다. (전문가가 아니기 때문에 처음에는 질문하지 않습니다.) 대답하고 싶지 않다면, 그것은 완벽하게 훌륭합니다. 이해할 만하지만 그냥 말하지 마라. - 이것은 데모와 스크린 샷이 게시되었을 때 바이올린 없이는 좋지 않다. 계속 전진 해 - 좋았어 - 모두가 여기서 힘든 싸움을 벌이고있다.

3 단계 메뉴를 만들려는 사람은 다음과 같습니다.

크롬의 고정 된 위치 중단과 함께 오버플로 속성을 제거하는 것이 좋습니다. 그것의 잘 알려진 버그 및보고되었습니다. 오버플로 숨김이 제거 된 상태에서 다음 단계는 메뉴 목록 항목을 왼쪽으로 밀어 넣는 것입니다. 이렇게하면 메뉴가 사라지지만 여백을 사용하여 아이콘 만 오른쪽으로 밀 수 있습니다. 간단히 말해, 메뉴 항목을 왼쪽으로 이동하여 숨겨지며 아이콘 만 오른쪽으로 이동합니다. css에서 오버플로 선언을 제거하면 크롬이 손상됩니다.

.tm-sidebar .uk-navbar-nav li {margin-left: -175px;} 
.tm-sidebar .uk-navbar-nav li a i {margin-left: 175px;}