web-dev-qa-db-ja.com

垂直スクロールバーを削除し、iframe内の水平スクロールバーをChrome

水平スクロールバーを有効にしたいが、垂直スクロールバーを無効にしたいiframeがあります。

私はiframeを次のようにスタイル設定しています：overflow-y:hidden; overflow-x:auto;

これはFireFoxでは問題なく機能しますが、Chromeでは機能しません。これをChromeで機能させるための回避策はありますか？

更新： iframeではなく、オーバーフローのあるテーブルセルの使用に移行しました。これにより、その垂直スクロールの回避が容易になるのか、困難になるのかはわかりません。

iframegoogle-chromescrollbaroverflow
8
Jimmy

答えは実際にここにあります：

Safari/Chrome（Webkit）-iframeの垂直スクロールバーを非表示にできません

幸運を！！

7
Trufa

これはどのブラウザでもうまく機能します

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> 
<title>Untitled 1</title> 
</head> 
<style type="text/css"> 
#test iframe { 
width: 100%; 
height: 100%; 
border: none; } 

#test { 
width: 100%; 
height: 3530px; 
padding: 0; 
overflow: hidden; } 

</style> 

<body style="margin:0;"> 
<div id="test"> 
<iframe src="http://stackoverflow.com/" scrolling="no">
</iframe> 
</div> 
</body> 
</html>
2
Bruno Galvao

次のように、親div要素をiframeに追加します。

<div style='overflow: hidden; width: 600px; height: 400px;'>
    <iframe src='http://www.website.com/index.html' style='overflow-y: hidden;' width='580' height='400' frameborder='0' seamless='seamless'></iframe>
</div>

垂直スクロールバーは非表示になりますが、ユーザーは引き続き 'ページアップ'、 'ページダウン'、および矢印キーオプションを垂直スクロールに使用できます。

0
fsasvari

他に何も見つからない場合：

Iframeの高さを=> 103％にします

ここを参照してください：

http://forums.aspfree.com/web-layout-43/horizo​​ntal-scrollbar-iframe-removing-23237-2.html

うまくいくかもしれないのは回避策です...

教えてください！

幸運を

0
Trufa