2013-05-15 2 views
11

내가 같이 사용할 스크롤 막대를 사용하여 새 창에서 웹 페이지를 열어 기존의 링크는 다음과 같습니다, 난 못해 인수를 위해서활성화 브라우저 스크롤 막대 = 아니오

<a onclick='window.open("example.html", "name", "resizable=1,scrollbars=no,width=500,height=200");' href='#'>Click to pop up without scroll bars</a> 

이 window.open() 코드를 변경하십시오. 창을 연 후에 스크롤 막대를 활성화해야합니다.

이 다음 코드를 사용하여 IE에서 작동 :

<script type="text/javascript"> 
    onload=function() 
     { 
    enableScrolling(); 
    } 
    function enableScrolling() 
    { 
     document.body.scroll = "yes"; // IE 
    } 
</script> 

그러나이 파이어 폭스 나 크롬에서 작동하지 않습니다.

이 페이지에 따르면, (아마도이 ​​이전 버전에서 일?) 다음 코드는 파이어 폭스와 크롬을 위해 작동해야하지만 그렇지 않습니다

 document.documentElement.style.overflow='scroll'; 
     document.body.style.overflow='scroll'; 

사람이 알고 있나요 그것에서 스크롤 막대를 가능하게 할 수있는 경우 스크롤바가 비활성화 된 상태로 창을 연 다음 FireFox 및 Chrome

+0

내 게시물을 보내 주셔서 감사합니다. 내 문제로 인해 귀하의 게시물을 해결했습니다. (적어도 IE의 경우) –

+0

Chrome에서 코드를 사용하여 스크롤바를 사용 중지 할 수 없다고 생각하므로 Firefox 용 수정 사항을 찾아야합니다. –

+0

''및 javascript가 좋지 않은 속성 스크롤을 시도하십시오. – KingRider

답변

0

IE에 js를 추가 했으므로 표시된 페이지가 작동하는 방식을 변경할 수 있다고 가정합니다. 그런 경우 div에 열려있는 창의 내용을 넣고 스타일을 다음과 같이 설정하려고합니다. height : 200px; 오버플로 : 자동;

0

실제로 제가 다른 브라우저로 시도했습니다. 높이에 대한 요구 사항이 고정되어있는 경우 example.html의 모든 내용을 overflow:auto;height:200px과 같이 첨부 된 CSS가있는 특정 div에 넣으십시오. 전체 코드를 보여 드리겠습니다.

<body> 
<div style="overflow:auto;height:200px;"> 
    Your HTML code  
</div> 
</body> 

example.html에 넣어. 코드 window.open("example.html", "name", "resizable=1,scrollbars=no,width=500,height=200");에서 얻을 수있는 높이.

이것은 실제 해결책은 아니지만 모든 브라우저에서 문제를 해결할 것입니다.

희망 도움말.

1

Nikunj Soni가 말했던 것처럼 태그에 height 속성을 설정하면 모든 브라우저에서 문제를 해결하는 데 도움이됩니다. 다르게 할 일은 다음과 같습니다.

고정 된 높이를 설정하는 대신 팝업 크기를 원래 크기와 다른 크기로 설정할 수 있도록 height:100%으로 설정합니다.

<body style="overflow:auto; height:100%;"> 
     The rest of your HTML code 
</body> 

이 방법도 가장 좋은 방법은 아니지만 링크에서 가져온 부분을 실제로 제거하는 것입니다.

희망이 답변을 찾으십시오.

관련 문제