묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
a href=#top 으로 할때 질문드립니다.
2016.01.11 16:51
저는 주소창에 ???.php#top으로 뜨며 스크롤 효과가 아닌 순간이동을 하게 되는데,
어떤 사이트는 주소창에 ???.php 로 뒤에 #이 붙지 않으며, 스크롤하는 효과로 창이 이동합니다.
구글에 #이 검색이 안되어 여기에 질문드립니다.
질문자님의 html은 <a href="#name">버튼</a> 형식의 앵커라는 기법으로 같은 페이지내에서 위치를 찾아 이동하는 단순 html 이고, 스크롤로 이동하는 건 자바스크립트로 구현되어 있는 거예요..
예: A버튼을 누르면 내용 B로 스크롤
1. html
<div class="bt">A</div>
<div class="content">B</div>
2. 자바스크립트
<script>
jQuery(function($) {
$('.bt').click(function () {
$('html, body').animate({scrollTop:$('.content').position().top},1000,'easeInOutExpo');
});
});
</script>
하나의 html로 만들거나 해당 html을 수정해서 xe가 설치되어 있는 서버에 올려서 테스트해 보세요.. 본인 컴퓨터에서 테스트 하시려면 jquery.js를 별도로 로드하셔야 작동합니다.