테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

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

더블피디 9년 전 조회 1,822
답변 1
목록

 

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

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

 

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

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

어떻게 해야할지?

#그누보드5 #top #플로팅배너
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
포이치
포이치
9년 전

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

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

 

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

 

 

</p><p><html></p><p> <head></p><p><style></p><p> .fixed{</p><p>    position:fixed;</p><p>    top:0px;</p><p>    left:0px;</p><p>    width:320px;</p><p>    height:50px;</p><p>    background:red;</p><p>    -webkit-backface-visibility:hidden; /*Most Important*/</p><p>}</p><p></style></p><p></head></p><p><body></p><p>     <div class="fixed"></p><p>     Hi I m Position Fixed </p><p>     </div></p><p>    <div></p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p>       sample text
</p><p> </p><p>    </div></p><p></body></p><p></html></p><p> </p><p>

 

 

로그인 후 평가할 수 있습니다

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

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

로그인