
前端
带鱼舒吉克
这个作者很懒,什么都没留下…
展开
-
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 · 1278 阅读 · 0 评论 -
网页插入全屏背景视频
目录使用场景video标签细节全屏样式预览图Safari不自动播放注意使用场景在做酷炫页面的时候,经常需要加一个背景视频,就是在背景上默默播放的视频。video标签与一般video标签直接引用的视频的区别在于:自动播放、循环播放、无控制栏。这些场景早已被浏览器考虑到,我们可以通过video标签加解决:<video src={src} playsInline autoPlay muted loop={true} controls={false} preload="auto" //原创 2020-07-25 19:15:00 · 3476 阅读 · 1 评论