iframe内にpdfファイルがあります。私は、フォームを提出する前にPDFファイルにスクロールする必要があります。私はこれで試しています。iframe内でPDFをスクロールする必要があります
var position = $('#myIframe').contents().scrollTop();
しかし、動作しません。ありがとうございました。
iframe内にpdfファイルがあります。私は、フォームを提出する前にPDFファイルにスクロールする必要があります。私はこれで試しています。iframe内でPDFをスクロールする必要があります
var position = $('#myIframe').contents().scrollTop();
しかし、動作しません。ありがとうございました。
あなたの解決策にはFiddleを作成しました。ユーザーがiframeをスクロールするまで、送信ボタンを無効にすることができます。
function getFrameTargetElement(objI) {
var objFrame = objI.contentWindow;
if (window.pageYOffset == undefined) {
objFrame = (objFrame.document.documentElement) ? objFrame.document.documentElement : objFrame = document.body;
}
return objFrame;
}
$("#myIframe").ready(function() {
var frame = getFrameTargetElement(document.getElementById("myIframe"));
frame.onscroll = function(e) {
$('.submitBtn').prop('disabled', false);
}
});
希望します。
まあ私はこれで約1時間を試しましたが、最後に結論に至りました残念なことにこれはできませんこのメソッドを使用しています。
通常、PDFはPDF要素ではなく、PDFリーダーソフトウェアによってレンダリングされます。すべてのブラウザには、PDFをレンダリングするための独自のメカニズムがありますが、標準はありません。場合によっては、PDFはPDF.jsでレンダリングされることがあります。そのような状況では、スクロールを検出できる可能性があります。しかし、Adobe Reader、Foxit、および一部のネイティブPDFレンダリングではそのオプションは提供されていません。
これにはGithub issueも作成しました。しかし、使用しないでください。
申し訳ありません。何か問題や回避策が見つかった場合は、私に更新してください。
申し訳ありません私は多くの時間を過ごしました。しかし、残念ながら成功はありません。 – Coder
iframeの静的な高さを気にしない場合は、解決策があります。
HTMLとCSS
1.
2.あなたのコンテナとiframe(コンテナのheight
は、あなたのフレームを見られたくheight
であるべきとiframeの両方にheights
を設定div
容器の中にあなたのiframeをラップheight
は、PDF全体を表示するのに十分な大きさでなければなりません。)
3セットコンテナのdivのoverflow
scroll
に今、あなたはスクロール可能な「IFRAME」を持っています。
Javscript
var containerEl = $("#container")[0];
)scroll
関数を記述してください。スクロール機能内で、要素の合計高さ(scrollHeight
)がスクロールされた量(scrollTop
)に 要素の内部高さ(clientHeight
)を足した値以下であるかどうかを調べます。もしそうであれば、ここでfiddleだbutton
からdisabled
プロパティを削除します。 @ mJunaidSalaatのjsfiddleにいくつかの変更を加えました。
あなたはiframe内にPDFファイルをロードする方法この
$("#myIframe").ready(function() {
var frame = getFrameTargetElement(document.getElementById("myIframe"));
frame.onscroll = function(e) {
$('.submitBtn').prop('disabled', false);
}
});
を試してみてください?あなたはそれのいくつかのコードサンプルとフォームのhtmlも共有できますか? – itzmukeshy7