AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전
목록
다음
컴

position:fixed 에 대한 것입니다.

잘살아보자
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2014-08-12 (화) 18:04:24 · 6123 · 1

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

 

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

 

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

 

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

 

position에 대한 속성

 

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

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

 

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

 

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

 

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

 

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

 

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

 

#퍼블리셔팁 #퍼블리셔 #팁자료실 #css
|

댓글 1개

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

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
14-08-26 조회 3,361
14-08-26 조회 3,506
14-08-26 조회 4,076
14-08-26 조회 3,421
14-08-26 조회 3,680
14-08-26 조회 3,619
14-08-26 조회 3,384
14-08-26 조회 3,397
14-08-26 조회 3,446
14-08-26 조회 3,460
14-08-25 조회 3,990
14-08-16 조회 4,129
14-08-12 조회 4,023
14-08-05 조회 3,777
14-08-04 조회 4,533
14-08-04 조회 3,897
14-08-01 조회 4,923
14-07-29 조회 4,085
14-07-10 조회 3,945
14-07-08 조회 4,608
14-07-08 조회 4,188
14-07-05 조회 3,782
14-05-26 조회 5,310
14-05-26 조회 3,991
14-05-21 조회 4,462
14-05-19 조회 7,407
14-05-17 조회 6,614
14-04-30 조회 7,048
14-04-27 조회 4,448
14-04-26 조회 4,653
14-04-13 조회 4,795
14-04-13 조회 4,032
14-03-25 조회 6,391
14-03-25 조회 4,007
14-03-12 조회 3,812
14-03-12 조회 5,226
14-02-24 조회 4,524
13-12-27 조회 3,859
13-11-18 조회 4,196
13-11-18 조회 6,508
13-10-17 조회 4,517
13-10-03 조회 6,197
13-10-02 조회 4,052
13-09-29 조회 4,534
13-09-29 조회 3,926
13-09-17 조회 3,737
13-09-11 조회 5,918
13-09-09 조회 4,213
13-09-05 조회 9,247
13-08-23 조회 5,576
13-08-22 조회 5,093
13-08-22 조회 4,491
13-08-22 조회 4,949
13-08-17 조회 5,759
13-08-17 조회 4,056
13-07-11 조회 5,391
13-07-11 조회 4,338
13-07-08 조회 3,892
13-07-04 조회 4,145
13-07-04 조회 4,024
13-07-04 조회 3,898
13-07-03 조회 5,805
13-07-01 조회 3,663
13-07-01 조회 3,531
13-07-01 조회 4,435
13-06-21 조회 6,198
13-06-14 조회 4,774
13-06-11 조회 3,596
13-06-06 조회 5,254
13-06-05 조회 4,014
13-05-11 조회 4,760
13-05-10 조회 4,293
13-05-10 조회 4,610
13-05-10 조회 3,953
13-05-08 조회 4,295
13-05-08 조회 3,551
13-05-08 조회 3,937
13-05-08 조회 5,187
13-04-05 조회 5,972
13-03-31 조회 5,529
13-03-24 조회 3,908
13-03-24 조회 5,966
13-03-23 조회 3,561
13-03-21 조회 3,608
13-03-20 조회 3,721
13-03-20 조회 4,162
13-03-20 조회 3,667
13-03-20 조회 3,772
13-03-20 조회 6,016
13-03-20 조회 3,975
13-03-20 조회 4,687
13-03-19 조회 5,581
13-03-14 조회 3,720
13-03-14 조회 4,129
13-03-14 조회 4,418
13-03-08 조회 4,029
13-03-03 조회 4,446
13-02-24 조회 4,870
13-02-21 조회 4,577
13-02-19 조회 4,539
글쓰기