position:fixed 에 대한 것입니다.

· 2014-08-12 (화) 18:04:24 · 6145 · 1

저는 전문적으로 퍼블리싱을 하는 것이 아니여서 css나 html에 대한 지식이 좀 많이 부족해요.

 

그렇다고 퍼블리싱을 못하는 것은 아닌데요.

 

하다 보면 참 신기한 것들이 있더라고요

 

지금까지 그렇게 많이 사용했던

 

position에 대한 속성

 

이 속성 중에 fixed라는 것이 있는데

이것은 브라우저를 기준으로 레이어를 고정 시키는 것이에요

 

<div style="position:fixed;top:50px;left:100px;">고정된 레이어</div>

 

이렇게 할 경우 브라우저 스크롤을 아래로 내려도 레이어는 고정되어 따라다니게 되요.

 

오른쪽에 퀵메뉴 만들 때 보통 제이쿼리나 자스로 만드는데..

 

그것을 이요하지 않고 위 속성을 이용하면 아주 간단하게 해결 되요.

 

이것을 알기 전에는 제이쿼리로 했다는...... 제이쿼리 나오기 전에는 자스 ...

 

|

댓글 1개

display:fixed는 jquery로 만드는 퀵메뉴와는 조금 다릅니다.
세로는 어느정도 해결이 된다고 쳐도 문제는 가로입니다.
브라우저 가로사이즈를 임의로 줄여보시면 문제가 무엇인지 아실겁니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
16-07-13 조회 2,054
16-07-12 조회 2,187
16-07-12 조회 2,208
16-07-11 조회 2,096
16-06-05 조회 2,651
16-06-03 조회 2,748
16-05-26 조회 2,709
15-09-22 조회 4,836
15-06-10 조회 4,594
14-10-25 조회 6,042
14-10-22 조회 8,792
14-09-21 조회 5,597
14-09-16 조회 4,897
14-08-22 조회 1만
14-08-13 조회 5,729
14-08-12 조회 5,266
14-08-12 조회 6,146
14-08-11 조회 6,642
14-06-12 조회 5,982
14-06-11 조회 4,834
14-05-09 조회 5,218
14-05-09 조회 6,197
14-05-09 조회 6,197
14-05-08 조회 5,565
14-04-17 조회 4,502
14-04-16 조회 4,377
14-04-15 조회 4,345
14-04-15 조회 4,395
14-04-15 조회 4,032
14-04-14 조회 4,075
14-04-14 조회 4,047
14-04-14 조회 4,467
14-04-14 조회 4,495
14-04-14 조회 4,516
14-04-13 조회 4,373
14-04-12 조회 4,096
14-04-12 조회 4,130
14-04-12 조회 4,225
14-04-11 조회 4,729
14-04-10 조회 4,442
14-04-10 조회 4,472
14-04-09 조회 4,706
14-04-09 조회 5,041
14-04-08 조회 6,674
13-10-30 조회 7,474
13-07-11 조회 4,979
13-03-28 조회 1.1만
13-02-27 조회 6,521
13-02-14 조회 5,397
13-01-10 조회 4,395
12-12-31 조회 4,918
12-12-20 조회 6,022
12-12-12 조회 5,160
12-12-07 조회 4,334
12-11-28 조회 4,656
12-11-22 조회 5,107
12-11-12 조회 5,415
12-09-22 조회 4,422
12-09-18 조회 4,610