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