모바일에선 링크가 먹지 않습니다.
본문
메인 롤링 이미지(배경)에서 가운데에 텍스트 버튼(더보기)을 만들고 링크를 걸었는데
PC에서 마우스를 올려놓으면 hover 효과와 함께 클릭하면 해당페이지로 넘어갑니다.
그런데 모바일에서 손가락으로 누르면 hover효과만 보이고 해당페이지로 넘어가질 않습니다.
왜 그럴까요. z-index 문제로 의심되지만 그것도 아니고... 갑갑하네요.
정확하게 얘기하자면
ㅡPC에서 메인롤링 링크 잘됨.
ㅡ모바일 아이폰에선 잘됨.
ㅡ모바일 안드로이드폰에서 안됨.
메인롤링
두번재 배너 "COMMING SOON!!"에 링크 걸어져 있음.
사이트는 bettinardi.co.kr 입니다.
이런 경우는 첨이라 당황스럽네요.
물론, 롤링 이미지외에서는 잘됩니다.
답변 2
/theme/websre07/js/main.js
triggerOnTouchEnd: true, <= 이 값을
triggerOnTouchEnd: false, 이렇게 바꾸면 동작하는 것 같기는 한데....
잘 알지는 못하지만.. 혹시나 싶은 생각에.. 글 남겨봅니다.
기본적으로 모바일에서는 'hover' 개념이 잘 적용되지 않습니다.
PC에서는 'hover' 가 마우스 커서를 올려놓은 상태를 의미하는데..
모바일에서는.. 사람의 손가락을 올려놓은 상태를 상상? 상정?하기 어렵습니다. (터치하면 '클릭')
그래서 'hover' 에 어떤 무언가가(css 처리, js 처리 등) 적용되어 있으면..
모바일에서는 의도치 않은 어떤 변수가 생길 수도 있습니다.
※ https://blog.mydepot.kr/20220722_640
https://joylee-developer.tistory.com/137
일단, hover 효과를 빼고 테스트 해보고... 모바일에서 생기는 문제가 없어진다면..
PC 에서만 hover 효과를 주는 방법을 검토해 볼 수 있습니다.
hover 효과를 제거해도 마찬가지네요. ㅡㅡ"
