테스트 사이트 - 개발 중인 베타 버전입니다

#해쉬 이동을 막고싶습니다 채택완료

Policia 5년 전 조회 1,921

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

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

어떻게해야할까요?

 

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

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

답변 3개

5년 전

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

 

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

 

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

 

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

P
Policia
5년 전
네네 url 해쉬의 기능이 바로 그것이지요 #id -> 해당 id로 스크롤이동
id를 빼면 지금 할려는게 의미가없어져버려요 ㅠㅠ
해당 id를 찾아는 가되 그에 대한 액션을 바꾸거나 죽일수있나해서요
액션을 죽이면 커스텀한 액션을 주면되니깐요

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

5년 전

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

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

 

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

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

 

</p>

<p><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></p>

<p>

 

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

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

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

P
Policia
5년 전
답변감사합니다
anchor link는 맞지만 #해쉬는 그대로 살리면서 이동되는부분만 바꾸고싶어서요

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

답변에 대한 댓글 3개

P
Policia
5년 전
링크가 깨지네요 ㅠㅠ
플래토
5년 전
링크에 특수문자가 들어가 있어서 그런것 같네요

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

이 내용을 복사해서 붙여넣기 해보세요
P
Policia
5년 전
감사합니다 :) 참고하겠습니다

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

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

로그인