이전 목록 다음
미채택 완료

#해쉬 이동을 막고싶습니다

Policia
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-08-03 (월) 17:35:13 2,108

url창에서 #값을 입력하면 해당 id로 스크롤이 자동으로 이동됩니다

여기서 스크롤이 자동으로 이동되는걸 막고싶은데

어떻게해야할까요?

기본으로 이동되는걸 막고 움직이는걸 커스텀할 예정이라 그렇습니다

javascript jquery
|

답변 3개 / 댓글 5개

고요빛물결
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-08-04 (화) 10:37:56

이동하는 것은 URL의 고유기능 같은데..  이것을 찾아가는  방식이

id="bold-best-practices" 값으로 찾아가는 것 같습니다.

URL fragment identifier https://en.wikipedia.org/wiki/URI_fragment

id를 빼면 찾아가지는 못할 것 같습니다.

답변에 대한 댓글 1개

Policia
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-08-04 (화) 10:40:56
네네 url 해쉬의 기능이 바로 그것이지요 #id -> 해당 id로 스크롤이동
id를 빼면 지금 할려는게 의미가없어져버려요 ㅠㅠ
해당 id를 찾아는 가되 그에 대한 액션을 바꾸거나 죽일수있나해서요
액션을 죽이면 커스텀한 액션을 주면되니깐요
고요빛물결
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-08-03 (월) 22:25:44

마크다운에서 anchor link를 의미하는 것 같습니다

https://www.markdownguide.org/basic-syntax/#bold-best-practices

이렇게 접속을 하면 바로 해당되는 글에 가게 되는 것이죠.

마크다운이라고 하면 anchor 옵션이 false로 하던지.

Copy 
<a class="anchorjs-link " aria-label="Anchor" data-anchorjs-icon="" href="#bold-best-practices" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>

href="#bold-best-practices" 를 모두 지우면 되지 않을 까요?  역시 정규식입니다. 

이번에 올라갈 퀴즈에 있습니다

답변에 대한 댓글 1개

Policia
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-08-04 (화) 10:17:11
답변감사합니다
anchor link는 맞지만 #해쉬는 그대로 살리면서 이동되는부분만 바꾸고싶어서요
플래토
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-08-03 (월) 18:00:55

https://webisfree.com/2015-01-13/[%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-jquery]-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%88-%EC%9B%80%EC%A7%81%EC%9D%B4%EA%B2%8C-%EB%A7%89%EA%B8%B0-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EA%B3%A0%EC%A0%95

이걸 참고해보세요

답변에 대한 댓글 3개

Policia
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-08-04 (화) 09:27:28
링크가 깨지네요 ㅠㅠ
플래토
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-08-04 (화) 10:22:19
링크에 특수문자가 들어가 있어서 그런것 같네요

https://webisfree.com/2015-01-13/[자바스크립트-jquery]-스크롤-안-움직이게-막기-스크롤-고정

이 내용을 복사해서 붙여넣기 해보세요
Policia
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-08-04 (화) 10:38:16
감사합니다 :) 참고하겠습니다

답변을 작성하려면 로그인이 필요합니다.