Bottom2 vanilla js를 이용하여 bottom sticky button 만들기 이번 포스팅에서는 Vanilla js를 활용하여 하단 Sticky Button을 만들어보겠다. 목표: 스크롤을 특정 구간 이상으로 내릴 때 Sticky버튼이 보이고, 올릴 때 사라지도록 만들기 1. 새로운 엘리먼트 동적으로 추가해보기 html에 미리 코드를 만들어 놓고 실행할 수도 있지만, javascript를 이용해서 추가하는 경우를 만들어 보았다. sticky버튼을 감싸고 있는 컨테이너로 div를 만들었고, 텍스트를 위한 p 태그를 만들었다. 이후 sticky_container에 스타일을 지정해주기 위해 sticky_container라는 class이름을 주었다. not_show라는 것은 뒤에 나오겠지만, sticky 버튼을 숨겼다가 보여지게 하기 위함이다. 2. 버튼에 스크롤 이벤트 달기 사용자가 s.. 2021. 2. 26. android dialog fragment transparent 처리하기 이번 글에서는 android dialog fragment의 배경을 transparent로 처리하는 방법에 대해 알아보겠습니다. dialog fragment가 투명해지지 않는다? android 앱 개발 도중 bottom sheet 를 dialog fragment 이용해 구현하던 도중 배경 부분을 투명하게 처리하기 위한 방법을 찾아보고 있었습니다. layout을 투명으로도 해보고, 구글링에서 가장 많이 나오던 방법인 아래 코드를 여러 시점에서 호출해 보았습니다. dialog?.window?.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT)) Bottom Sheet의 상단 부분에 위치한 회색 바 부분과 브랜드 영역 사이의 검정색 부분 보이시나요? 저 부분이 투명.. 2020. 7. 27. 이전 1 다음 반응형
