![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
带鱼舒吉克
这个作者很懒,什么都没留下…
展开
-
react中用JavaScript防止弹出框超出浏览器边界
目录使用场景对齐防止超出边界获取数据 使用场景 fixed的侧边栏按钮点击弹出的fixed弹框,与该按钮的中点水平对齐;如果会超出屏幕上下边界,则会往里偏移使其不超出边界。react实现。 对齐 侧边栏按钮里放个高度为1的居中的线,然后线里再flex放窗口内容,就能实现窗口与按钮的中点水平居中 right: 90px; position: absolute; z-index: 1500; height: 1px; cursor: auto; .arrow-window__inner{ display:原创 2020-07-25 19:16:49 · 1148 阅读 · 0 评论 -
网页插入全屏背景视频
目录使用场景video标签细节全屏样式预览图Safari不自动播放注意 使用场景 在做酷炫页面的时候,经常需要加一个背景视频,就是在背景上默默播放的视频。 video标签 与一般video标签直接引用的视频的区别在于:自动播放、循环播放、无控制栏。这些场景早已被浏览器考虑到,我们可以通过video标签加解决: <video src={src} playsInline autoPlay muted loop={true} controls={false} preload="auto" //原创 2020-07-25 19:15:00 · 3280 阅读 · 1 评论