나는 오버플로가있는 div 안에 넣어서 가로 스크롤이 가능하도록 많은 열이있는이 테이블을 가지고 있습니다. 스크롤바는 div의 하단에 위치합니다. 내 질문은 : 당신이 2 scrollbars, div 아래쪽 및 div 위쪽에있는 다른 하나 가질 수 있습니까? 그렇다면 어떻게 할 수 있습니까?div의 평행 한 양쪽에 스크롤 막대가 있습니까?
답변
당신의 대답은 여기에서 찾을 수 있습니다 : horizontal scrollbar on top and bottom of table
여기 당신이 필요로하는 바이올린의 : http://jsfiddle.net/TBnqw/1/
그리고 여기에 코드입니다 :
HTML :
<div class="wrapper1">
<div class="div1"></div>
</div>
<div class="wrapper2">
<div class="div2">
<!-- Content Here -->
</div>
</div>
CSS :
.wrapper1, .wrapper2 {
width: 300px;
overflow-x: scroll;
overflow-y:hidden;
}
.wrapper1 {height: 20px; }
.wrapper2 {height: 200px; }
.div1 {
width:1000px;
height: 20px;
}
.div2 {
width:1000px;
height: 200px;
background-color: #88FF88;
overflow: auto;
}
JS :
$(function(){
$(".wrapper1").scroll(function(){
$(".wrapper2").scrollLeft($(".wrapper1").scrollLeft());
});
$(".wrapper2").scroll(function(){
$(".wrapper1").scrollLeft($(".wrapper2").scrollLeft());
});
});
감사합니다! 정말 도움이 –
환영합니다! :) – arielmolina
하지만, 고정 너비를 설정하면 스크롤 할 수 있습니다 .... 아무런 필요가 없을지라도 :( –
- 1. DIV의 양쪽에 공백을 채우는 방법
- 2. DIV 가로 스크롤 막대가 기본 가로 스크롤 막대가 됨
- 3. 스크롤 막대가 숨겨져있을 때 세로 스크롤
- 4. div의 스크롤 막대를 비활성화하십시오.
- 5. 1 DIV의 양쪽에 DIV 위치 지정
- 6. 스크롤 막대의 스크롤 막대가 누락되었습니다.
- 7. 없음 가로 스크롤 막대가
- 8. 평행 한 각도기 -
- 9. 고도로 평행 한 deque
- 10. 스크롤 막대가 표시되지하지만 패널
- 11. Matplotlib. 스크롤 막대가 없습니다?
- 12. 스크롤 막대가 작동하지 않습니까?
- 13. 스크롤 막대가 오프셋 됨
- 14. 스크롤 막대가 있는지 감지
- 15. 스윙 박스 수직 스크롤 막대가 보이면 수평 스크롤 막대가 생깁니다.
- 16. 스크롤 막대가 작동하지 않습니다.
- 17. 스크롤 막대가 표시되지 않습니다.
- 18. 브라우저에서 스크롤 막대가 누락되었습니다.
- 19. 자동 추적 스크롤 막대가
- 20. 스크롤 막대가 스크롤에 나타납니다
- 21. 격자보기로 선형 레이아웃을위한 스크롤 막대가 있습니까?
- 22. 한 div의 수직 스크롤과 다른 div의 가로 스크롤
- 23. 스크롤 한 후 탐색 막대가 끈적 거리면 섹션 div의 제목이 왼쪽으로 이동하는 이유는 무엇입니까?
- 24. iPad에 스크롤 막대가 표시되지 않습니다.
- 25. div의 맨 아래로 스크롤
- 26. Jquery Div 스크롤 막대가 항목과 창 스크롤 막대가 동일하게 유지되도록 이동합니다. (움직임 없음)
- 27. 양쪽에 Float divs가 있습니다.
- 28. 세로 스크롤 막대가 나타나지 않음
- 29. 평행 한 나무를 피하는 방법
- 30. QTextEdit : 스크롤 막대가 아래쪽에있는 경우에만 자동으로 스크롤
당신의 대답은 여기에서 찾을 수 있습니다 http://stackoverflow.com/questions/3934271/horizontal-scrollbar-on 테이블 아래쪽 – arielmolina