스킬(skills)/제이쿼리(jQuery) jQuery 로 문서 앵커(Anchor) 이동을 스무스 하게 이동하는 방법 후바스탱크 2017. 6. 20. 23:28 <HTML> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <style> div {margin-bottom:1000px;} </style> <script> function fnMove(seq){ var offset = $("#div" + seq).offset(); $('html, body').animate({scrollTop : offset.top}, 400); } </script> <BODY> <button onclick="fnMove('1')">div1로 이동</button> <button onclick="fnMove('2')">div2로 이동</button> <button onclick="fnMove('3')">div3로 이동</button> <div id="div1">div1</div> <div id="div2">div2</div> <div id="div3">div3</div> </BODY> </HTML> 저작자표시 (새창열림)