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 中运行良好。

一项可能有帮助也可能没有帮助的观察结果 - 整个视频会在位置属性更改时闪烁并重新加载。

4

4 回答 4

1

就我现在而言，这是 FireFox 中的一个错误：https ://bugzilla.mozilla.org/show_bug.cgi?id=90268

于 2010-07-06T21:41:01.347 回答
0

我发现在 div 中放置一个 div 是可行的。我在 jwplayer 中操纵外部 div 位置并引用内部 div 位置。

于 2015-04-08T13:58:47.997 回答
0

当您更改静态元素的位置属性时，浏览器必须重排页面。发生这种情况时，它可能会或可能不会决定重新加载嵌入的对象。尝试从绝对位置而不是静态开始，看看是否会有所不同。

于 2010-07-06T21:33:53.473 回答
0

我会尝试将嵌入式对象放入 iframe 中……前提是这不会在您的 JS 代码中造成太大的麻烦。

于 2010-07-06T21:38:17.977 回答