채택완료

모바일 페이지의 TOP 버튼을 플로딩으로 띄우려면

2016-01-05 (화) 09:14:26 1,956

모바일 페이지에서 보여지는 정보가 많아서, 

엄청나게 스크롤 내려야 top버튼이 나옵니다. 

top를 항상 좌측 하단 띄우려면... 

일반적인 플로팅 배너처럼 하려면

어떻게 해야할지?

답변 1개

채택된 답변
+20 포인트

position:fixed 기기별 이슈사항이 있긴하던데..한번 확인해보세요.

top 과 left width 정도만 적당히 조절해보세요.

http://stackoverflow.com/questions/19254146/position-fixed-not-working-in-mobile-browser 

Copy
<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>

답변을 작성하려면 로그인이 필요합니다.