모바일 페이지의 TOP 버튼을 플로딩으로 띄우려면
본문
모바일 페이지에서 보여지는 정보가 많아서,
엄청나게 스크롤 내려야 top버튼이 나옵니다.
top를 항상 좌측 하단 띄우려면...
일반적인 플로팅 배너처럼 하려면
어떻게 해야할지?
답변 1
position:fixed 기기별 이슈사항이 있긴하던데..한번 확인해보세요.
top 과 left width 정도만 적당히 조절해보세요.
http://stackoverflow.com/questions/19254146/position-fixed-not-working-in-mobile-browser
<html>
<head>
<style>
.fixed{
position:fixed;
top:0px;
left:0px;
width:320px;
height:50px;
background:red;
-webkit-backface-visibility:hidden; /*Most Important*/
}
</style>
</head>
<body>
<div class="fixed">
Hi I m Position Fixed
</div>
<div>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
sample text<br/>
</div>
</body>
</html>
답변을 작성하시기 전에 로그인 해주세요.