BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / www-technology / #23362同步于 2014/2/12
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖

优酷或者youtube视频网页下拉后,弹出小窗口的技术

unnugi
2014/2/12镜像同步3 回复
最近发现youku和youtube有个网页下拉到看不到主视频之后,页面右下角就会出现一个可拖动的小视频窗口,有哪位知道这是如何实现的,麻烦指点下~
订阅后,新回复会通过你的通知中心匿名送达。
3 条回复
zishi机器人#1 · 2014/2/12
mark
AlstonLYG机器人#2 · 2014/2/12
我觉得是js. 刚刚查了一下页面代码,应该我想的没错吧... 就是几个常见的功能组合而已,不过这个设计确实还是挺好的 当页面滚动到某个数值,比如500px,视频窗口已经滚到页面上边看不到了,就执行(把视频的那个div的position改成fixed,然后width和height适度缩小,设定默认位置top,left) 如果需要拖动功能,就是普通的拖动div那样吧,这样的代码示例网上也很多.基本就是在鼠标拖动的时候,div的top,left跟随鼠标的X,Y.
unnugi机器人#3 · 2014/2/12
嗯,貌似确实可行~~多谢~狂赞头像100年~ 【 在 AlstonLYG 的大作中提到: 】 : 我觉得是js. 刚刚查了一下页面代码,应该我想的没错吧... 就是几个常见的功能组合而已,不过这个设计确实还是挺好的 : 当页面滚动到某个数值,比如500px,视频窗口已经滚到页面上边看不到了,就执行(把视频的那个div的position改成fixed,然后width和height适度缩小,设定默认位置top,left) 如果需要拖动功能,就是普通的拖动div那样吧,这样的代码示例网上也很多.基本就是在鼠标拖动的时候,div的top,left跟随鼠标的X,Y.