테스트 사이트 - 개발 중인 베타 버전입니다

반응형의 리스트 표현

참 애매하더군요...

이리 저리 돌아 댕기면서 나름 결정 내린게 

보여줘야 하는데 숨기는것(사라지는것)보다 
일정 크기보다 작다면 
마우스 오버시 가로 스크롤을 보여줘서 스크롤 하게 지원하자!

그래서 이렇게 만들어 봤습니다.


0001.png


[ 화면 넓이별 - 전체 화면 ]

0001.png

0002.png


댓글 작성

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

로그인하기

댓글 10개

잘만드셨네요^^
감사합니다...
아직 반응형은 개발할께 산더미예요...프레임워크 5개 더덕 더덕이기도 하구요...ㅋ
오홍 반응형이라 기존에는 표를 잘라버리고 필요한것만 했는데..
스크롤 다는것도 하나의 방법이네요..

그런데...저도 한번 그렇게 쓴적이있는데... 페이지 스크롤 할때 해당 테이블 때문에 문제가 발생해서 ㅠ.ㅠ;
예에..저도 그 부분 때문에
Focus 가 table 에 갔를때만 가로 스크롤이 생기게 해 봤어요...

위아래로만 움직이는개 기본인 상황에서,
테이블은 왼쪽에서 오른쪽으로 스크롤이 가는거라
사람들이 사용하기에는 괞찮을것 같아서요
한번 포커스가 들어간다음 페이징 스크롤이 문제 더라구요.
테이블 row가 길때 말이죠 ㅠ.ㅠ;
아....간과했네요...ㅠㅠ
제가 2D 폰이라 조만간 3D 구매할건데 그때 테스트해볼께요...
감사합니다..
http://sir.co.kr/bbs/board.php?bo_table=cm_gnutalk&wr_id=147

후반부 보시면 되움 되실것 같아요.
사실은
10시부터 시청 했었어요....ㅋ

전진님의 경험 귀중하게 받았어요...^-^
Terrorboy님이 말씀하시는 자료는 아마 '반응형 테이블' 글이었던것 같습니다... 만, 이미 하신 것과 큰 차이는 없을것 같습니다. ^^;
http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=237

게시글 목록

번호 제목
26573
7309
19780
7306
28025
28020
28010
7304
7302
7295
7292
7287
19779
7284
7279
7278
28009
31753
31752
7274
31751
31750
31749
31748
30979
31747
28004
31745
7267
7261
31742
7256
19776
24650
7252
7248
28002
19772
7245
19770
19769
30975
7243
7236
28001
27994
7233
7232
19768
19765
19763
30974
7224
19761
24645
19760
19758
19757
19754
19753
19752
19751
7223
7216
7213
31741
19750
19749
19748
31740
31739
31738
7208
31737
30967
31736
7205
30965
30963
19747
19746
19745
19744
19742
7193
7191
31735
19741
19740
19739
7188
27986
31734
31733
31732
7186
19738
19736
7180
7165