질문/조언질답게시판

안녕하세요!

 

모바일 웹 화면에서 a:active 효과가 안먹혀서 문의 드립니다

 

아래 영상에보면 하단 메뉴화면에 왼쪽 2개는 메뉴 바로가기로 연결해서

해당 페이지에 접속하면 active css가 먹히는데

 

그옆에 3가지 스토리작성, 메시지함, 내정보 메뉴는 URL로 링크를 걸어서 그런건지

active css 가 먹지를 않는데요

 

.nav-bottom li a:focus {color: #ff3d3e;}
.nav-bottom li a:active {color: #ff3d3e;}
.nav-bottom li a:hover {color: #ff3d3e;}

 

현재 위와 같은 효과를 준 상태로 클릭하면 hover까지는 먹는거 같은데

페이지가 로딩되면 유지가 안되고 사라지네요 ㅜ

 

PC에서는 잘 적용이 되던데 모바일에서는 적용이 안되서요

 

주소 : https://coinbest.tv/homeb

 

모바일에서 작동가능한 방법

 

힌트 좀 알려주실수 없을까요^^;

 

1f605.png

 

끝까지 읽어주셔서 감사합니다!

 

  • profile

    js와 연동되는 효과 같아서 이 글을 보고 확인이 가능할까? 라는 생각이 듭니다.

    지금 보여지는 것만으로 볼때 현재 url (mid) 로 메뉴의 mid와 일치하면 class 를 activebottom 로 바꿔주는 js 가 있을 것 같구요.

    나머지 안된다는 것 모두 mid를 가지지 안는 url로 이동하는 듯 합니다.

     

    제 생각이 맞다면  js 에서 수정이 필요할 것으로 보이네요. 

  • profile profile
    알려주신 방법으로 연구 해봐야겠네요 감사합니다
  • profile
    실제 사이트의 하단 메뉴에 적용된 css와 본문의 css가 다르네요.
    사이트 기준으로 보면
    li의 class가 activebottom이면 현재 페이지인것이고
    closed면 현재 페이지가 아닌 것인데요.
    html보기상으로는 activebottom과 closed를 결정해주는 것을 어디에서도 찾을 수가 없습니다.
    js파일들에도 안나오네요.
    이 정보로는 외부인은 방법이 없네요.
  • profile profile
    답변 감사합니다^^;
  • ?
    와 지금껏 보지 못한 아주멋진 테마네요..