您可以使用纯CSS实现这一点。这是你问题的可靠替代品。
取决于您的小部件是否具有唯一ID(如id="widget-358"
或id="my-video-widget"
), 您可以设置CSS规则,使其在屏幕上的固定位置浮动:
#my-video-widget {
/* required */
position: fixed;
/* change to your needs */
top: 0px; /* to float it from the bottom of the screen, use the \'bottom\' directive */
left: 0px; /* to float it on the right hand side, use the \'right\' directive */
/* optional */
z-index: 10; /* depends if elements on your page are already layered, and if you want your video to float above everything else */
}
如果您的小部件没有唯一标识符,则可能会影响其他小部件或元素,因此我建议您在
class
或
id
(
id
更有意义)。