![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网页效果
W&T
这个作者很懒,什么都没留下…
展开
-
网页效果 - 虚拟滚动列表
一、虚拟滚动列表虚拟列表的意思就是在数据量超大的情况下,页面只渲染可视范围的列表,减少dom数量,控制页面性能的效果。二、具体实现talk is cheap, show me the code.<template> <div class="virtual-list"> <h1>虚拟列表</h1> <div class="list-view" ref="scrollBox" @scroll="handleScroll">原创 2021-07-16 12:13:31 · 682 阅读 · 0 评论 -
网页效果 - 填充布局
一、使用定位属性填充空间<!DOCTYPE html><html lang="en"> <head> <style> * { margin: 0; padding: 0; } html, body { height: 100%; } .box { height: 100%; position: relati原创 2021-07-16 12:07:50 · 404 阅读 · 0 评论 -
网页效果 - 无缝滚动原理
无缝滚动常用场景:公告栏滚动播报、轮播图无缝切换在滚动元素的后面,复制一个相同的元素,让复制的元素填补出现的空白;当复制元素滚动到与滚动元素相同的初始状态时,还原元素状态、实现无缝滚动例子:公告栏滚动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-06-30 11:14:36 · 553 阅读 · 0 评论