#div 이동시 smooth_scroll

id="div1"
#div1

이동시 스크롤이 되면서 부드럽게 이동하는 방법이 매뉴얼에 있었던 것 같은데 못 찾겠네요ㅜㅜ

<script type="text/javascript" src="/include/js/smooth_scroll.js"></script>

요거 써주고 무슨 파일을 설치해야 했던 것 같은데 못 찾겠어요.
알려주시면 감사하겠습니다~

---
아래부터 추가 내용입니다.




버튼 이미지에 위와 같이 #div1 입력했고,
이동할 div에 id="div1" 입력하였습니다.

그리고 댓글에서 알려주신 내용 입력하였는데요.



해당 내용을 입력하면 위 이미지처럼 정상적으로 나오던 편집버튼이 아래 이미지처럼 바뀝니다.
편집버튼을 클릭해도 메뉴가 뜨지 않고요.

 

 
그리고 div 이동도 스크롤이 아니라 그냥 한번에 이동이 됩니다.
spped 값을 변경해도 스크롤이 되지 않습니다.

혹시 편집 페이지를 확인하셔야 하면 메일로 내용 보내 놓겠습니다.
확인 부탁드립니다. 감사합니다.

· 관련키워드

https,[RE], ,홈페이지,kwa-

공유하기
매뉴얼요청
분류
DIV
등록자

김정혁

등록일
2022-01-18
버전
20170301

[RE] #div 이동시 smooth_scroll

안녕하세요


해당 js파일은 원페이지 홈페이지 구조에서 메인메뉴를 클릭하면 해당 위치로 부드럽게 스크롤 되는 기능 입니다.


js파일 사용법입니다.

메인페이지 head&meta&js 에 아래 내용 추가 하면 됩니다.


<script type="text/javascript" src="/include/jquery/jquery-smooth-scroll.min.js"></script>

<script>$(function(){$('.GNB-a').smoothScroll({speed:'auto'});});</script>

speed 값을 숫자로 주면 속도를 조절 할 수 있습니다.

 

페이지의 각 div 마다 id="div1" ... 마크업하고,

각 메인메뉴 버튼에는 네비게이션 사용자정의로 하고 href="/#div1" 형식으로 링크를 걸어주면 됩니다.


원페이지 홈페이지 구조가 아닐 경우 css로 사용 가능합니다.


https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior 


해당 링크 참고해주시기 바랍니다.

감사합니다.

등록자

신동민

등록일
2022-01-19 15:37
조회
110

댓글 1

김정혁
알려주신대로 적용을 한 것 같은데 작동이 제대로 되지 않아서 스샷 첨부해서 본문내용 수정하였습니다.
확인 부탁드리겠습니다.
2022-01-20 09:58

[RE] #div 이동시 smooth_scroll

안녕하세요 비오에스입니다. 


문의주신 내용이 해당 매뉴얼이 맞는지 매뉴얼 링크 확인해보시면 좋을거 같습니다. 

https://bos.kr/kwa-manual_v-1192


저희 측에서 내부 소스를 확인해드리는 유상작업이기 때문에 고객님께서 유상으로 하는 것에 대해 동의해주셔야 확인해드릴 수 있는 점 양해부탁드립니다. 


감사합니다^^

등록자
비오에스
등록일
2022-01-20 15:50
조회
88

댓글 1

김정혁
제가 찾던 매뉴얼이 이겁니다ㅎㅎ
이대로 적용하니 잘 작동하네요.
감사합니다 :D
2022-01-20 17:08
사용자포럼(Q&A)
번호제목등록자등록일
45049

최호용

02-28
45045

최호용

02-22
45042

최호용

02-21
45040

이명신

02-18
45038

김정혁

02-17
45021

이명신

02-11
45006

엄덕용

01-20
45004

홍영선

01-20
45003

엄덕용

01-19
45000

김정혁

01-18
44965

최호용

12-23
44961

최호용

12-23
44958

최호용

12-22
44955

이명신

12-22
44953

엄덕용

12-21