JAVASCRIPT 관련 질문 받았는데,
본문
저도 궁금한 사항이라 질문해 봅니다.
질문자 원 소스 :
https://codepen.io/hungry2s/pen/LYYPyQY
현재 구조 알기 쉽게 테두리선 넣은 소스
https://codepen.io/sinbi/pen/MWWgoad
질문자가 알고 싶단 내용은 대충 아래와 같습니다.
1. 생성버튼 클릭 때마다 고유아이디 갖는 버튼 계속 생성.
2. 생성되면서 X축 하단 스크롤바 자동 생성. (가로로 쭉 생성)
3. x 버튼 누르면 생성된 탭 삭제
궁금해서 묻는 것이니, 바쁘신 분들은 그냥 패스해주시고,
저처럼 지적 호기심이 왕성한 분들만 고민해봐 주세요 ^^
답변 2
.scroll_view_tabbar {
width:300px;
height:30px;
display:inline-block;
float:left;
overflow-y:hidden;
overflow-x:auto;
white-space:nowrap;
}
.tab_btn_div {
width:100px;
height:30px;
display:inline-block;
}
onclick="javascript:a('변수');" //생성전달
function
<div id="변수">// 받은 변수로 html 생성
삭제는 역으로 하면 됩니다.
답변을 작성하시기 전에 로그인 해주세요.