1
javscriptを使用してフルスクリーンモードを取得しようとしています。だから私はthis答えて、それに取り組んでいることがわかりました。しかし、私がこのコードを使用して全画面をトリガーすると、スクロールバーが消えてスクロールが無効になることがわかりました。しかし、私がF11を使って同じものをトリガーすると、スクロールバーが現れ、スクロールが可能になります。 私は体にoverflow:autoを与えようとしましたが、何の効果もありません。 Hereは、同じ問題を再現するフィドルです。あなたがフィドルを実行すると、すべての段落が見えないことがわかります。フルスクリーンモードが起動されたときにウェブページのスクロールが無効にされる
注：私は、Firefox 45
HTMLを使用しています：
<body>
<input type="button" value="click to go fullscreen" onclick="requestFullScreen()">
<p>
1 some text to make screnn bigger
</p>
<p>
2some text to make screnn bigger
</p>
<p>
3 some text to make screnn bigger
</p>
<p>
4some text to make screnn bigger
</p>
<p>
5some text to make screnn bigger
</p>
<p>
6 some text to make screnn bigger
</p>
<p>
7some text to make screnn bigger
</p> <p>
8 some text to make screnn bigger
</p>
<p>
9 some text to make screnn bigger
</p>
<p>
10 some text to make screnn bigger
</p>
<p>
11some text to make screnn bigger
</p>
<p>
12 some text to make screnn bigger
</p>
<p>
13 some text to make screnn bigger
</p>
<p>
14 some text to make screnn bigger
</p>
<p>
15 some text to make screnn bigger
</p>
<p>
16 some text to make screnn bigger
</p>
</body>
Javascriptを：
function requestFullScreen() {
var el = document.body;
// Supports most browsers and their versions.
var requestMethod = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;
if (requestMethod) {
// Native full screen.
requestMethod.call(el);
} else if (typeof window.ActiveXObject !== "undefined") {
// Older IE.
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
}
Chromeでうまく動作しています59. Firefox 54では動作しません。確かにFirefoxの問題です。 – yuriy636
@ yuriy636それを修正するための回避策はありますか？ – Nagaraju
まだテスト中ですが、Firefoxでうまく動作するページが見つかりました。http://robnyman.github.io/fullscreen/index-high-content.html – yuriy636