![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 54
小菜鸡就是我
这个作者很懒,什么都没留下…
展开
-
原生js实现移动端横向滑动回弹跳转
刚好项目需要实现一个效果,即列表横向滑动,滑动到底时跳转到新的页面。最开始的想法是直接使用scroll属性实现滑动即可。一般判断是否滑动到底部只要满足如下公式即可。scrollLeft + clientWidth == scrollWidth但存在的问题是这样的滚动一般是一碰到右侧就会触发跳转,并不满足这样的场景,有时候用户一滑动,速度过快则会马上跳转。而且也无法滚动到超过实际距离。而我们想要的效果是,用户滑动到底后,再执行一次滑动再行跳转。因此想到使用监听touch事件来实现。分为三步:1原创 2022-03-20 19:08:46 · 1292 阅读 · 0 评论 -
纯CSS实现横纵向三段式布局
主要是实现 首尾固定 中间自适应 以及 左右固定 中间自适应的布局。横向三段式主要采用flex,纵向三段式采用position:absolute布局。最终实现效果<!DOCTYPE html><html><style type="text/css"> body,html{ height:100%; margin:0; } .page{ height: 100%; margi原创 2020-10-13 10:52:45 · 1287 阅读 · 0 评论 -
CSS
1.使用css让动态容器按固定宽高比显示https://www.cnblogs.com/coolle/p/6553092.html原创 2019-09-21 20:10:44 · 86 阅读 · 0 评论 -
Stick footer的实现
网上看了一大堆别人的方法 要么就是根本无法完成效果 要么就是右边会出现滚动条 终于找到一个能用的方法1.flex布局 利用纵向flex 布局 中间自动填充 但设置外部最小高度100vh;可完全实现效果<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css">html,原创 2020-11-26 22:00:11 · 136 阅读 · 0 评论