2016-08-15 3 views
0

이것은 내 웹 사이트입니다 http://demo.themevan.com/citynews/ android + firefox에서 메뉴 버튼 (상단 표시 줄의 왼쪽 상단)을 클릭하면 사이드 메뉴가 열리고 아무거나 클릭하면 메뉴 링크를 클릭하면 클릭 할 수 없습니다.메뉴 링크를 클릭 할 수 없습니다 android + firefox

나는 이것이 CSS 문제라고 생각하지만, 여전히 이유를 찾을 수 없다. 제발 도와주세요!

CSS :

.pushy{ 
    position: fixed; 
    width: 300px; 
    height: 100%; 
    top: 0; 
    z-index: 9998; 
    background: #222; 
    font-size: 0.9em; 
    font-weight: bold; 
    -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7); 
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7); 
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7); 
    overflow: hidden; 
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ 
} 

.pushy a{ 
    display: block; 
    width:100%; 
    position:relative; 
    z-index:9999; 
    color: #b3b3b1; 
    padding: 10px 30px; 
    border-bottom: 1px solid rgba(0, 0, 0, .1); 
    border-top: 1px solid rgba(255, 255, 255, .1); 
    text-decoration: none; 
    font:normal 1.5rem "Roboto Slab","Open Sans",Arial; 
} 

.pushy a:hover{ 
    background: #333; 
    color: #FFF; 
} 
.pushy ul{ 
    margin:0; 
    padding:0; 
} 
.pushy ul li{ 
    list-style:none; 
    margin-bottom:0 
} 
.pushy ul.sub-menu{ 
    text-indent:15px; 
} 
.pushy ul.sub-menu ul{ 
    text-indent:30px; 
} 


/* Menu Movement */ 

.pushy-left{ 
    -webkit-transform: translate3d(-300px,0,0); 
    -moz-transform: translate3d(-300px,0,0); 
    -ms-transform: translate3d(-300px,0,0); 
    -o-transform: translate3d(-300px,0,0); 
    transform: translate3d(-300px,0,0); 
} 
.pushy-open{ 
    -webkit-transform: translate3d(0,0,0); 
    -moz-transform: translate3d(0,0,0); 
    -ms-transform: translate3d(0,0,0); 
    -o-transform: translate3d(0,0,0); 
    transform: translate3d(0,0,0); 
} 

.container-push, .push-push{ 
    -webkit-transform: translate3d(300px,0,0); 
    -moz-transform: translate3d(300px,0,0); 
    -ms-transform: translate3d(300px,0,0); 
    -o-transform: translate3d(300px,0,0); 
    transform: translate3d(300px,0,0); 
} 

/* Menu Transitions */ 

.pushy, #body-container, .push{ 
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99); 
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99); 
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99); 
    transition: transform .2s cubic-bezier(.16, .68, .43, .99); 
} 

/* Site Overlay */ 

.site-overlay{ 
    display: none; 
} 

.pushy-active .site-overlay{ 
    display: block; 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    z-index: 9997; 
    background-color: rgba(0,0,0,0.5); 
    -webkit-animation: fade 500ms; 
    -moz-animation: fade 500ms; 
    -o-animation: fade 500ms; 
    animation: fade 500ms; 
} 
@keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

@-moz-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

@-webkit-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

@-o-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

/* Example Media Query */ 

@media screen and (max-width: 768px){ 
    .pushy{ 
     font-size: 1.0em; 
    } 
} 
+0

niceScroll ({'inside citynew.js) 거기에있는'on ('클릭') 전체를 제거하고 작동하면 업데이트하십시오. – Dekel

+0

아, 네, 제거한 후, 메뉴 링크가 잘 작동했습니다. 정말 고마워요! – BadJohnny

+0

예, 물론입니다! – BadJohnny

답변

1

당신은 문제를 $(".pushy").niceScroll({ 내부 citynew.js 있습니다.
작동하려면 전체 on('click')을 제거해야합니다.

관련 문제