안녕하세요!
모바일 웹 화면에서 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
모바일에서 작동가능한 방법
힌트 좀 알려주실수 없을까요^^;
끝까지 읽어주셔서 감사합니다!
js와 연동되는 효과 같아서 이 글을 보고 확인이 가능할까? 라는 생각이 듭니다.
지금 보여지는 것만으로 볼때 현재 url (mid) 로 메뉴의 mid와 일치하면 class 를 activebottom 로 바꿔주는 js 가 있을 것 같구요.
나머지 안된다는 것 모두 mid를 가지지 안는 url로 이동하는 듯 합니다.
제 생각이 맞다면 js 에서 수정이 필요할 것으로 보이네요.