2014-02-10 2 views
-1

첫째로, skrollr는 책임있는 사람들 덕분에 매우 도움이 됨이 입증되었습니다.페이지 높이에 영향을주지 않고 skrollr-body 태그를 추가하는 방법은 무엇입니까?

고정 된 배경을 제외한 모든 요소 주위에 skrollr-body 태그를 추가하려고 시도했습니다. 고정 된 배경에서 올바르게 수행 했으므로 모바일에서 작동하지만 페이지 상단을 자르고 ' 이유를 말해주십시오. Skrollr 바디없이

페이지 (나는 그것을보고하는 방법) - http://olivershilling.co.uk/demo.html

페이지 Skrollr - 몸 (문제를 일으키는) - http://olivershilling.co.uk/demo-2.html

어떤 아이디어? 그렇지 않으면 작은 화면에서만 사용할 수 있습니다.

덕분에 많은

+0

CSS를 다시 생각해 봐야합니다. '# welcome'은 내용에 따라 동적 인 높이를 갖는'# skrollr-body'에 상대적인'height : 100 %'를 갖습니다. – Prinzhorn

+0

프린 쉰 (Prinzhorn), 나는 똑같은 문제를 겪고 있으며, 나는 내가해야 할 일에 대해 100 % 명확하지 않다. 첫 번째 섹션에는 로고 만 포함되어 있으므로이 섹션을 100 % 높이로 설정해야하지만 Skrollr-body ID를 사용하면 해당 섹션과 동일한 문제가 발생하여 콘텐츠 높이에 맞춰 축소됩니다. 나는 당신이 당신의 CSS를 다시 생각해 보았다는 것을 확신하지 못했습니다. – icekomo

+0

흠 ..이 사이트는 사람들이 동일한 이슈가있을 수있는 다른 사람들에게 이슈를 공유하고 수정 조치를 취할 수있는 웹 사이트라고 생각했습니다. 코드, 코드는 어디에 있습니까? 현재이 질문은 매우 도움이되지 않습니다. – zipzit

답변

0

저도 같은 문제는 DOM이로드 된 후에 자바 스크립트를 사용하여 100%#skrollr-body 요소의 높이를 설정하는 것입니다 내가 주변에있어 길을 했어. 이 당신을 위해 일하는

$(document).ready(function(){ 
$("#skrollr-body").css("height", "100%"); 
}); 

희망 :

여기 내 코드입니다.

+0

CSS에 그냥 넣으면 잘 작동하지 않습니까? – Prinzhorn

+0

@Prinzhorn 아니, 어떤 이유로 모바일에서 스크롤을 끊을 수 있습니다. – bruhbruh