링크를 샵으로 걸었는데 왜 이럴까요?
나라우람
2023.04.01
http://kaska.co.kr/recruit/recruit.html페이지에서
회사 소개 // 제품정보 // 투자정보 //고객지원은 #으로 링크가 걸려 있습니다.
채용은 원래 recurit.html로 링크라 걸려 있고요.
그런데
채용 이외의 4개 메뉴를 누르면 화면이 약간 위로 올라 가게 되더군요... 왜 그런 걸까요?
-
노을
#을 쓴 이유가 있나요? 임시로 링크임을 표현해주고자 한다면
a/a
a {cursor:pointer;}
형태가 대안이 될수 있습니다. -
외솔
recruit.html#abc는
id속성이 abc로 되어있는 요소
또는 a name=abc/a가 있는 요소로 스크롤시켜줍니다.
둘다 존재하지 않거나 #만 적으면 화면 제일 위로 스크롤을 시켜주기 때문에
TOP버튼에 주로 사용될 수 있다는거죠.
팁)
A태그에 href속성이 곧 링크주소인데요.
이 속성이 없을 때는 버튼기능을 하지 않습니다.
밑줄도 안생기고 마우스포인터도 바뀌지 않아요.
그래서 주로 테스트작업할때 href=\#\이렇게라도 넣거든요.
저같은 -
이뻐
원래 #은 해당 아이디를 설정한 엘리멘트 위치로 스크롤 이동시키는 책갈피 기능입니다.
해당 기본 기능을 커스텀하게 사용하려면 hash change 이벤트 핸들러를 이용해서 해당 레이어만
보이게하고 다른 레이어는 숨기고 하는 코드가 필요합니다. -
꺆잉
링크 재대로 걸고 나시면 괜찮아영
-
루라
샵을 넣으면 새로고침이됩니다;;
탑버튼 대용으로 사용하기도 하죠