본문 바로가기
프로젝트

플로팅배너 만들기(최근본상품)

by 리양 2021. 8. 26.

결과물

HTML

<div class="area_basket">
<div class="basket">플로팅배너</div>
</div>

CSS

//플로팅배너 가운대로 맞추기
.area_basket{
    position : fixed;
    left: 50%;
    top: 0;
}

.basket{
    position: absolute;
    right: -710px;
    top: 250px;
    width: 100px;
    height: 250px;
    background-color: olive;
}

https://kakku.tistory.com/377

 

블로그에 플로팅 배너(플로팅 레이어) 달기

플로팅 배너(또는 플로팅 레이어)는 많은 블로그에서 쉽게 찾아볼 수 있습니다. 본 블로그에도 우측과 상단에 플로팅 레이어가 위치해 있습니다. 이 내용을 지난번 '떠다니는 다음 뷰 / RSS구독버

kakku.tistory.com

 

'프로젝트' 카테고리의 다른 글

마우스클릭,엔터 두개에 이벤트 달기  (0) 2021.11.03
여부에 따른 show() hide()  (0) 2021.09.02
무한스크롤 만들기  (0) 2021.08.26
버튼 클릭시 해당 텍스트 보이게하기  (0) 2021.08.13
지출 비용 계산  (0) 2021.08.06