나는 문제가 있습니다. 나는 친구를위한 웹 사이트를 만들고 있는데, 가로형 한 페이지 웹 사이트, 을 원했지만 문제가 있습니다. 페이지가 화면보다 길다면 페이지를 수직으로 스크롤 할 수 있지만 전체 본문 내용이 아닌 div에 스크롤 막대를 넣고 싶습니다.스크롤 막대는 하나의 div에만 있고 전체 본문은 아닙니다.
스크롤바를 사용하여 이미지를 빠르게 만들었습니다. 이 순간에 한 페이지가 다른 페이지보다 길면 모든 다른 페이지의 전체 높이가 동일하게 유지됩니다.
이미지 :
라이브 예 :http://onepage.ringocontent.com/
라이브 예는 한 페이지 만 얻을 경우 내가 모든 페이지가 같은 높이를 얻을 그것에 대해 위에 그것을 설명하는 방법입니다 높이와 오버 플로우.
: 빠른 응답을위한
<style>
#home, #blog, #info, #contact {
overflow-y: scroll;
height: 500px;
}
#page {
height: auto;
}
</style>
당신이 찾고있는 것은 요소의 오버 플로우 속성입니다. 특히 오버플로 - y.
당신이 그 안에 내용이있는 경우에만 DIV의 높이를 오버 플로우하는 경우 다음 해당 사업부의 내부 스크롤 막대를 얻을 것이다 #page의 DIV에
overflow-y: auto;
을 적용합니다.
당신은 페이지의 오른쪽에 스크롤 막대가 표시되는 경우
은 다음 사업부의 #page 높이가 너무 높이 설정되어, 그 스크롤 막대가 사라질 때까지 DIV의 높이를 줄여보십시오. 문제를 해결해야 스타일 시트이 추가덕분에 너무 만 나는 내 qeustion에 응답하는 것이 파하드 하센 말한 같은 문제를 얻을. 페이지가 아닌 div id #content에 스크롤바가 필요합니다. 내가 원하는 걸 내 이미지보기! :) – PindaWorld
div가 첫 번째 장소에서 너무 높기 때문에 본문 스크롤 막대가 나타납니다. #page에서 오버플로되는 위치에 더 많은 콘텐츠를 추가하고 #page div에 overflow-y : auto를 적용합니다. 그리고 높이가 브라우저 창에서보기에 너무 키가 크지 않도록 페이지 div의 크기를 조정하십시오. –
답장을 보내 주셔서 감사합니다. 슬프게도 작동하지 않았습니다. 내가 말한 내용으로 실제 예제를 업데이트했지만, 여전히 바디 스크롤바가 생깁니다. 스크롤바를 넣으려면
해당 div에서 스크롤해야하는 페이지 콘텐츠를 모두 설정하십시오. – PindaWorld좋습니다 스타일 시트를 스타일 시트에 추가해보십시오. 문제가 해결되면 좋겠습니다. ' –
@PindaWorld 새로운 솔루션과 참조 이미지로 주요 대답을 업데이트했습니다. 다행히 이것이 당신이 필요로하는 것입니다. –