인벤 스크립트 게시판

전체보기

모바일 상단 메뉴

본문 페이지

[기타] 답변입니다.

아이콘 Want
댓글: 1 개
조회: 994
2017-12-24 18:55:55
1. 스크롤이 사라지는 문제

-ms- 접두어 때문입니다.

css 속성의 접두어는 브라우저마다 속성을 다르게 적용하기 위한 것으로,

익스플로러를 뜻하는 ms 접두어가 적용된 해당 속성은

익스플로러에서만 적용됩니다.


ms 접두어가 따로 삽입된 것인지는 모르겠지만

-ms-overflow-x: hidden; -ms-overflow-y: scroll;

이 코드의 경우, 위에서 설명한 이유 때문에 "익스플로러 에서만" 스크롤이 적용됩니다.

따라서 크롬으로 보고있는 저같은 경우에도 스크롤이 보이지 않습니다.

overflow-x: hidden; overflow-y: scroll;

이렇게 바꿔주시면 됩니다.



2. 스크롤 가리기

제가 작성한 스크롤 가리기 팁의 경우,

모바일은 스크롤 크기가 달라지기에 왼쪽 정렬이 아닌

중앙 정렬이나 우측 정렬을 하게 되면 우측 내용이 잘리게 되는 맹점이 있습니다.

그래서 약간 다르게 적용할 방법은, padding-right를 이용하는 방법입니다.



스크롤 가리기가 적용된 해당 인장의 소스 코드입니다.



<div style="display:block; width:450px; height:360px; overflow:hidden">
<div style="display:border: currentColor; border-image: none; width:450px; height: 360px; padding-right:18px; display: block; overflow-x: hidden; overflow-y: scroll;">

<div style="text-align: center;">
<img src="https://upload.inven.co.kr/upload/2014/10/16/bbs/i2855326119.gif">
</div>

<p align="right"><font face="Arial"><br></font></p><p align="right"><font face="Arial">- 카이<strong><font size="5"></font></strong>의 가호</font></p><p></p><p align="right"></p><p align="right"><font face="Arial"><font size="5">
<img src="http://c1img.cyworld.co.kr/img5/mall/effect2/2008/02/080218funny_j1.gif" border="0">&nbsp;&nbsp;&nbsp; <strong></strong></font><strong><font size="5">J</font></strong>:)</font><font color="#f1c232" face="Arial"></font></p><br><br><br><br><br><br><br>
<img src="https://upload.inven.co.kr/upload/2014/10/16/bbs/i4761114883.gif"><br><br>☆ 만든이 :D 테라양(버프양)님 (。・ε・。) 고맙습니다<br><br>
<img src="https://upload.inven.co.kr/upload/2014/10/16/bbs/i2855326119.gif"><br><br>★ 만든이 :D 미에로님 (。・ε・。) 고맙습니다<br>

</div>
</div> 






Lv78 Want

모바일 게시판 하단버튼

댓글

새로고침
새로고침

모바일 게시판 하단버튼

지금 뜨는 인벤

더보기+

모바일 게시판 리스트

모바일 게시판 하단버튼

글쓰기

모바일 게시판 페이징