너비 100 %이지만 여분의 너비가 스크롤을합니다

이것은 이상하지만 어쨌든 시도 할 것입니다. 그래서 나는이 회전 목마를 100 % 가지고 있습니다. 내 화면 크기는 1366px입니다. 내 웹 사이트가 세로로 길어서 스크롤이 자동으로 나타납니다. 그리고 웹은 1350px와 비슷합니다. 그러나 나의 회전 목마는 1366px 폭을 아직도 가져 가고, 아래 쪽에서 스크롤을 가지고있다. 그리고 재미있는 부분은 내가 조사하려고하면 아래쪽 스크롤이 사라집니다. 그리고 검사 할 때 너비는 1350 픽셀입니다. 나는 그것을 몇 시간 동안 고치려고 노력해왔다.너비 100 %이지만 여분의 너비가 스크롤을합니다

그리고 내 마지막 희망은 너희들. 그러니 제발 도와주세요.

수정 : 업로드 http://leoxid.com/test/home_page.html 오, 크롬에서 확인하십시오. 다른 브라우저를 수정하지 않았습니까? D

출처

2013-11-28 Шинэбаяр Баярсайхан

을 제거 할 수 있습니다. 하지만 몇 가지 스크린 샷을 만들 수 있습니다. http://i42.tinypic.com/2u6h2yw.png http://i44.tinypic.com/2yo5to9.png –

업로드했습니다. 제발 도와주세요. http://leoxid.com/test /home_page.html –

내 생각 엔 페이지가 완전히로드되기 전에 jQuery가 실행되고있는 것 같습니다.

<script type="text/javascript" language="javascript"> 
    $(document).ready(){ 
     setTimeout(function(){ 
      $(function() { 
       $('#foo2').carouFredSel({ 
        width  : "100%", 
        align  : "center", 
        auto  : false, 
        prev  : '#prev2', 
        next  : '#next2', 
        pagination : "#pager2", 
        scroll  : 3, 
        items  : { 
         visible : 9, 
        } 
      }); 
     }); 
    }, 500); 
}); 
</script>

제한 시간이 필요하지 않을 수도 있지만 단지 확인하기 위해이이 문제가 해결되지 않으면 타임 아웃, jQuery(document).ready(function(){ });에 코드를 실행하거나 해결할 수 있습니다.

이것은 회전식 캐 러셀에 대한 기능을 호출하는 곳에서 표시되는 방식입니다.

$ (document) .ready()는 문서가 완전히로드 될 때까지 대기합니다. setTimeout은 모든 것이 실제로로드되었는지를 확인하기 위해 여분의 0.5 초를 기다립니다. (이미지로드가 느린 경우 유용).

타임 아웃이 과잉 인 경우

, 당신은 그것은 로컬 호스트에서의 다음 두 줄

setTimeout(function(){ 
}, 500);

출처

2013-11-28 13:35:54

여기 링크 http://leoxid.com/test/home_page.html –

내 제안을 시도해 보셨습니까? –

나는 jquery에별로 좋지 않아서 어디에 넣어야할지 모르겠다. 나를 위해 일하지 않는 hehe ... 미안 해요 –

회전식 슬라이드 쇼를 초기화 할 때 (onready?)처럼 내부 내용이 완전히로드되지 않았고 총 높이가 사용 가능한 브라우저 클라이언트 영역 높이보다 작았습니다. 초기화 중에 회전식 캐 러셀은 계산 된 방식으로 그 너비를 '수정'합니다.

해결 방법은 몸에 overflow: scroll을 적용하면 회전식 메뉴가 초기화되기 전에 맨 오른쪽의 16 픽셀 정도가 항상 적용됩니다.

출처

2013-11-28 13:34:44 techfoobar

여기 링크 http://leoxid.com/test/home_page.html –

너비 100 %이지만 여분의 너비가 스크롤을합니다

답변

관련 문제