ターゲットの親<html>と設定CSS

は私が持っている：ターゲットの親<html>と設定CSS

<html> 
    <body> 
    <div id="popup> 
     <iframe><html>...</html></iframe> 
    </div> 
    </body> 
</html>

そして私はcss({'position':'fixed','pointer-events':'none'})に#popupのCSSの親HTMLを設定したいが、私は右のそれをターゲットに思える傾けます。トリックを行うだけで$("html").css({'position':'fixed','pointer-events':'none'});を使用するだけでなく、iframe内のスクロールを無効にするので、親のHTMLだけを対象にする必要があります。

出典

2016-04-14 Cream Whipped Airplane

HTMLサンプルのおかげで、どこに何をターゲットにしているのかがはっきりしません。 –

あなたは身体をターゲットにしていますか？それを直接ターゲットにしないと、とにかくボディが1つしかありません。 – guradio

@ RokoC.Buljan $（ "＃popup"）のようなことをしようとしています。しかしそれは動作しません –

CSSをHTMLに適用するのは良い方法ではありません。文書全体にCSSを適用する場合は、<body>タグに適用してください。

$("body").css({'position':'fixed','pointer-events':'none'});

これはうまくいきます。

出典

2016-04-14 11:27:51

？ http://jsbin.com/bapumo/1/edit?html,css,js,output –

ボディが正常ですが、div idポップアップの親ボディをどのようにターゲットにしますか？これはiframe内のボディも無効にするためです。 –

'$（"＃popup "）を使って試してみてください最近接（" body "）css（{'position'： 'fixed'、 'pointer-events'： 'none '}）; ' –

それは動作するはずです：

$("#popup").closest('html').css({'position':'fixed','pointer-events':'none'});

出典

2016-04-14 11:31:21

質問にクラス' popup'を持つ要素がありません。 –

#popupを使用すると、私はそれを間違って読んでいます –

@ShubhamKhatriあなたは '.parents（）'が何をしているのか知っていますか？ '.css'を'＃popup'のすべての祖先に渡します。これは '.closest（）';）を使うことができるときに恐ろしいオーバーヘッドになります; –

は$("#popup").closest("body")

を使用してみてください、私はそれはあなたが通常あなたがsrc=""属性を使用したいと思いますでやっていること少しおかしいことに注意しなければなりません。なぜ<html>タグを入れるのですか？

出典

2016-04-14 11:32:52

素晴らしい。それはそうです。 –

ターゲットの親<html>と設定CSS

答えて

関連する問題