Jquery 도구를 스크롤 할 수 있도록 브라우저 창 아래쪽에 고정되도록 설정했습니다.overflow-y : 고정 위치 지정으로 작업 할 수있는 스크롤 html & css
내가 원하는 것은 브라우저가 700px 미만일 때 페이지를 수직으로 스크롤 할 수 있기를 원합니다. (따라서 모든 고정 된 장소로 숨겨진 콘텐츠는 없습니다.) 이것은 단순해야하지만 그것이 나를 거대한 두통의 원인으로 느끼는 것입니다. js 솔루션은이 시점에서 문제가 없습니다.
미리 감사드립니다.
http://www.vagabondbrigade.com/staging/berns/
페이지 상단에서 차단되고있는 내용을 참조하는 경우, 나는 그들의 위치를 활용하기 위해 적절한 요소에 CSS 페이지의 상단과 하단 여백을 두는 것이 좋습니다.
페이지의 기본 구조에 대해 고정 된 높이 또는 너비를 지정한 다음 위치를 지정하려는 다른 요소를 적절히 배치 할 수 있습니다.
예 :
/* HTML */
<div id="main_structure">
<div id="content">
blah blah blah
</div>
</div>
/* CSS 페이지에 Firebux (당신이 제공 한 링크)와 재생 */
#main_structure {width:100%; height:700px; margin:20px 20px 20px 20px; padding:20px;}
#content {width:200px; height:200px; padding:10px; margin:20px;}
나는 당신의 질문에 모두 대답하지 못했다는 것을 깨달았습니다. 만약 당신이 그냥 오버플로를 추가하려면 : 자동으로 적절한 CSS 요소에 최소 높이 700px – LightningWrist
, div.floor_items에 오버플로 속성을 추가했습니다 : auto; 그리고 문제가 수정되었습니다;)
내용이 내 테스트 화면 해상도보다 크고 내용이 모두 표시되지는 않지만 변경 사항이 있으면 스크롤 막대가 나타나서 화면을 스크롤하고 볼 수 있습니다 "콘텐츠!
이것이 귀하의 문제인 경우 해결책입니다.
와 함께 추가하려면 오버 플로우 추가 : div.floor_items에 자동 스크롤바를 추가하지만 그 빈 스크롤바를 추가 할 수있는 것을 발견했습니다 실제로 스크롤 할 수 없습니다. 파이어 폭스와 사파리에서 확인하고있어. –
Wend 나는 전체 내용을 표시하는 데 필요한 것보다 해상도가 낮 으면 스크롤 막대 만 나타났습니다 ... 코드를 올바르게 기억하면 사이트 구조가 매우 이상합니다. 나는 큰 그림을 시각화하지는 않고, 당신의 문제를 해결하기가 어렵습니다! 개발 페이지에 추가 컨텐츠를 배치 할 수 없습니까? 추가 도움을 제공하는 것이 더 쉬울 것입니다! – Zuul
css 미디어 쿼리 을 사용하여 해봤습니까? overflow-y : scroll 또는 html로 스크롤하여 추가 하시겠습니까? http://www.w3.org/TR/css3-mediaqueries/
@media screen and (max-height: 700px) {
#your_element_to_scroll {overflow-y: scroll;}
}
이 IE의 이전 버전에서 작동하지 않습니다.
무엇을 묻고 있습니까, 문제는 무엇이며 효과는 무엇입니까? 우리가 볼 수있는 살아있는 예가 있습니까? 나는 당신이 좌절감을 느낀다고 생각하지만, 우리는 많은 코드와 모호한 설명 대신에 좀 더 세련된 세부 사항을 필요로합니다. 우리가 당신을 도울 수 있도록 도와주세요 :) – Kyle