2010-07-06 121 views
0

我有一个脚本当滚动条达到它改变从static一个div的定位属性fixed。 (example - 您会在右栏看到浮动视频)。JW播放器复位5.0

如果你看一下例子,当你向下滚动 - 视频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选手对象:

总结:当我包含分区的位置属性更改为position: fixed,JW玩家重置。我没有知道如何甚至尝试调试这一点。它工作正常,在Chrome浏览器OSX/Windows和有趣的是Safari浏览器3

一个观察,可能会或可能不会帮助 - 整个视频闪烁,出现时的位置属性更改为重新加载。

+0

Stange。当视频元素移出DOM并重新插入其他位置时,这是正常行为。你100%肯定你的网页上没有任何其他内容了?没有其他活动观察视频? – 2010-07-06 21:34:13

回答

0

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

0

我会尝试把嵌入对象到iframe中......提供这不会产生在你的JS代码太过计较。

+0

hmm。这可能是我会做的。 – 2010-07-06 22:08:58

0

我发现把一个div一个div作品里面。我操纵外部的div位置,并在jwplayer中保留内部的位置。