내가 다른 HTML 페이지는 다음과 같은 기능을 사용하여 선택된 링크를 따라 내에서 HTML 페이지를 표시하고

Question

웹 페이지에 수직 스크롤 막대를 숨기기 할 수 없습니다 :

function loadProject(sel) { 
    var url = sel[sel.selectedIndex].value; 

    if(url) { 
     document.getElementById('projectContainer').innerHTML = '<' + 'object id="foo" name="foo" type="text/html" data="'+url+'"><\/object>'; 
    } else { 
     document.getElementById('projectContainer').innerHTML = "Please select a project."; 
    } 
} 

을 그리고, 나는 HTML 내부의 div 태그를 projectContainer의 ID로 수직 스크롤 막대가 인 경우를 제외하고는 항상이 표시됩니다.

object { 
    width: 100%; 
    border: none; 
    overflow: hidden; 
} 

하지만 내가 '무엇을 달성되지 않은 : 나는 다음의 CSS를 편집 할 시도 - (I 객체에 아무것도 넣어하지 않는 경우에도, 수직 막대가 여전히 표시됩니다 그것은 안됩니다.) 내가 찾고있어. 어떤 제안? 감사.

Answer 1

<object>을 사용하는 것은 나에게있어서 새로운 것이지만 iframe과 매우 유사하다고 가정합니다. 즉, 주변 문서와 별도의 문서 본문이 있음을 의미합니다.

당신은 당신이 내장 된 body문서 내부에 대한 overflow: hidden를 선언해야합니다.

Answer 2

overflow: hidden은 iframe/프레임/개체 내부의 콘텐츠에는 작동하지 않습니다. object 태그에서 렌더링되는 페이지의 CSS를 편집해야 할 것입니다. 또한, 내가 당신에게 권장하지 않습니다 나쁜 시력이나 비슷한 뭔가로 인해 거대한 텍스트를 강제로 내 브라우저가 기본적으로 설정되어 있는지 모르겠으므로이을 사용하지 마십시오. 스크롤바를 사용할 수 없게 만들거나 숨길 수 있습니다. 유용성을 방해합니다. 네가하려는 일을 그냥하지 마라.

Answer 3

오버플로 : 자동; 그것은 작동합니다!