我有一个脚本,可以将 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 中运行良好。
一项可能有帮助也可能没有帮助的观察结果 - 整个视频会在位置属性更改时闪烁并重新加载。