如何使iframe 100％無滾動條

Question

我想表示移動版本的網站。我使用了不帶滾動的iframe，並使用自定義滾動條創建了div。它幾乎可以工作，除了每個背景圖像都放大。只要看一下小提琴的例子，你會明白我的意思。我認爲這是因爲我將高度固定爲6000，但我無法弄清楚如何使iframe的高度爲100％，而不需要iframe的滾動條。有人可以幫助使iframe 100％沒有滾動條，但固定寬度和自定義的div滾動條，就像這個小提琴的例子。 http://jsfiddle.net/KMzgm/3387/

.scroll { 
    width: 500px; 
    height: 500px; 

    overflow: scroll; 
} 
.scroll::-webkit-scrollbar { 
    width: 12px; 
} 


.scroll::-webkit-scrollbar-thumb { 
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} 

    <div class="scroll"> 

<iframe src="http://spruce.yourwebsite.directincorporation.com/home/" height="6000" width="400" 
scrolling="no" frameborder="0"></iframe> 

</div> 

Answer 1

嘗試設置溢出-Y隱藏。

iframe { 
    width:500px; 
    height: 500px; 
    overflow-y: hidden; 
} 

Answer 2

在這裏你去。 閱讀關於 vh and vw units.！

http://jsfiddle.net/KMzgm/3389/

.scroll { 
    width: 500px; 
    height: 100vh;}