탈

(PC) 상품상세 > 상품설명 영역의 옵션 및 구매 버튼에 sticky 효과 적용하기

5.6.23 기준

 

990520981_1760430722.5173.gif

 

상품 상세설명이 긴 경우,

스크롤을 내리면 옵션 선택 및 구매 버튼이 안 보이는 현상을 개선했습니다.

 

이제 아래짤처럼 스크롤을 내려도 옵션 및 구매 버튼이 화면에 계속 보입니다.

 

990520981_1760430815.7945.gif

 

스타일시트만 이용해 구현해 보려고 했는데,

브라우저 높이가 낮은 경우 옵션이 구매 버튼을 가리는 현상을 끝내 극복하지 못해...

ai를 이용해 js를 추가했습니다.

|

댓글 4개

와...화면 녹화 하는 방법좀;; ㄱㅅ; 

@유앤텔 screen to gif 썼습니다. 다른 툴도 많으니 검색해 보세요. ㅎㅎ

잘보고갑니다 

댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
05-20 조회 300
04-22 조회 505
04-14 조회 433
03-22 조회 546
03-21 조회 597
02-26 조회 708
02-21 조회 990
02-20 조회 801
02-19 조회 785
02-17 조회 1,323
02-13 조회 1,417
02-13 조회 827
02-03 조회 970
01-29 조회 1,205
25-12-17 조회 1,537
25-12-07 조회 1,456
25-11-30 조회 1,543
25-11-15 조회 1,744
25-10-26 조회 1,920
25-10-25 조회 1,472
25-10-14 조회 1,743
25-10-11 조회 1,795
25-10-10 조회 1,623
25-10-05 조회 2,236
25-10-01 조회 1,727
25-09-25 조회 1,813
25-09-21 조회 1,620
25-09-19 조회 1,621
25-09-09 조회 1,805
25-09-03 조회 1,824