그누보드 모바일 사이드메뉴 상단이동
본문
가능할지 모르겠지만..
모바일 사이드메뉴에 상단으로 올리는 고정된 투명화 버튼을 구현하고 싶습니다
모바일 메뉴가 많아져서 내렸다가 다시 올리는게 조금 번거로워져서
한번에 상단메뉴로 다시 올라가는 버튼을 만들고자 하는데 고수님들 도움 부탁드립니다
답변 1
style 에서 position과 z-index가 중요하고 bottom과 right 로 위치(아래 예는 우측 하단) 조정 하면 됩니다.
그리고 button 잘보이게 css 먹이시면 되시구요.한번 응용해서보세요.
<style>
#move_top{position: fixed;bottom: 20px;right: 20px;z-index: 99999;width: 50px;height: 50px;}
</style>
<button type="button" id="move_top">↑</button>
<script>
$("#move_top").on("click", function() {
$("html, body").animate({scrollTop:0}, '300');
return false;
});
</script>
답변을 작성하시기 전에 로그인 해주세요.