0

スクロールバーが到達したときにdivの位置プロパティをからstaticに変更するスクリプトがあります。fixed(例- 右側の列にフローティング ビデオが表示されます)。

例を見ると、ビデオ div ("#membership") を下にスクロールすると、残りのコンテンツとともにページが下にスクロールします。

これを行うスクリプトは次のとおりです。

$(window).scroll(
 function () 
 { 
  if($(window).scrollTop() > 157){
   $("#membership").css("position", "fixed");
   var marginTop = $("#headerWrap").height();
   $("#membership").css("top", "40px");
  }else{
   $("#membership").css("position", "static");
  }
 }
);

JW プレイヤー オブジェクトは次のとおりです。

要約すると、含まれている div の position プロパティを に変更するposition: fixedと、JW プレーヤーがリセットされます。これをデバッグしようとする方法さえわかりません。OSX/Windows 用の Chrome と、興味深いことに Safari 3 でも問題なく動作します。

役立つかもしれないし、役に立たないかもしれない 1 つの観察 - ビデオ全体が点滅し、位置プロパティが変更されたときにリロードするように見えます。

4

4 に答える 4

1

私が知る限り、これは FireFox のバグです: https://bugzilla.mozilla.org/show_bug.cgi?id=90268

于 2010-07-06T21:41:01.347 に答える
0

div 内に div を配置すると機能することがわかりました。外側の div 位置を操作し、jwplayer で内側の位置を参照します。

于 2015-04-08T13:58:47.997 に答える
0

静的要素の位置プロパティを変更すると、ブラウザーはページをリフローする必要があります。これが発生すると、埋め込みオブジェクトをリロードするかどうかを決定する場合としない場合があります。静的ではなく絶対的な位置から始めてみて、それが違いを生むかどうかを確認してください。

于 2010-07-06T21:33:53.473 に答える
0

埋め込みオブジェクトを iframe に配置してみます...これが JS コードに大騒ぎを生じさせないことを条件とします。

于 2010-07-06T21:38:17.977 に答える