따라다니는 플로팅 버튼 모바일 확인시
본문
안녕하세요.
플로팅버튼 시도중 모바일로 확인을 하니 하단에 공간이 생겨버립니다.
화면이 하단으로 완전이 가면 다시 하단으로 붙고요...
이유 좀 알려주시면 정말 감사드리겠습니다..ㅠㅠ
<div id="slide"></div>
#slide {display: block; width: 100%; position:absolute; top:auto; left: 0; bottom:0;z-index: 99;}
<script type="text/javascript">
/*슬라이드버튼*/
var currentPosition = parseInt($('#slide').css('top'));
$(window).scroll(function() {
var position = $(window).scrollTop();
$('#slide').stop().animate({'top':position+currentPosition+'px'},50);
});
</script>
답변 1
소스를 직접 구성해 드릴수는 없습니다.
이미지의 height 크기가 100% 적용이 되지 않아서 인것 같습니다.
가로세로 100%
width:100vw; height: 100vh
답변을 작성하시기 전에 로그인 해주세요.