anchor 검색 결과

해당 글 2건

[CSS] padding 값으로 인해 anchor 위치가 달라졌을 경우

bootstrap의 navbar를 페이지 제일 상단에 들어가다록 홈페이지를 만들었을 경우 body에 navbar의 공간을 공백을 준 뒤 body의 내용이 나오도록 해야한다. 이럴 때 body 스타일에 padding-top 값을 navbar 공간만큼 넣어주는데 예를 들어 다음과 같다 //... 그런데 여기서 anchor(a) 태그를 써서 책갈피 형태로 페이지 제일 하단에서 페이지 제일 상단으로 보내는 방법을 쓰려하는데 body에 있는 padding-top 값 때문에 원래 지정해놨던 anchor 위치보다 아래로 보여진다. 이럴 땐 다음과 같이 하면 된다 //... 참고 사이트 : http://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to..
Helloworld!/CSS 2016. 6. 9. 15:03

[jQuery] a tag anchor 사용시 부드럽게 스크롤 이동하는 스크립트

https://css-tricks.com/snippets/jquery/smooth-scrolling/ $(function() { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: targ..
Helloworld!/Javascript & jQuery 2015. 5. 4. 18:11