效果实现
19篇文章 · 0订阅
  • 小程序实现多行文本”全文收起“
    小程序里经常会碰到需要实现多行文本”全文收起“功能，在掘金上有搜索到用纯css实现。亲测：ios很完美，andriod上的无效。 小程序社区有很多方案，目前在社区有看到一位大佬使用js动态计算告诉去实
    微信小程序 前端
    小程序实现多行文本”全文收起“
  • css|border-image+点九图高雅的做背景边框🎨🎨
    什么是点九图 Android平台里有一种特殊的图片形式，文件扩展名 xxx.9.png，为了方便记忆，所以称其为点九图，英文是 Nine Patch。 应用场景 当我们需要为一段文字添加图片背景，而我
    CSS
  • H5导航栏吸顶方案原理与对比
    一. 什么是吸顶? 吸顶效果是web开发中一种常见的交互方式，常见的应用场景有导航、搜索框等等。能够做流量的横向分发，瞩目的吸顶效果和横滑切tab的手势，能够让用户快速发现更多商品。 二. 常见的tabbar吸顶方案 三. 方案的原理与对比 1. position粘性方案的实现…
    前端
    H5导航栏吸顶方案原理与对比
  • 【前端词典】5 种滚动吸顶实现方式的比较[性能升级版]
    这篇文章是三天前写就的，有大佬给我提了一些修改意见，我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到 GitHub 了。 我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的…
    JavaScript 前端
  • 匠心打造多tab自动吸顶下的多滚动容器（详细）
    作者：闲鱼技术——羲凡 背景 不知道什么时候开始，一种tab自动吸顶下的多容器嵌套滚动浏览交互方式逐渐风靡在各大电商APP（美团、京东、拼多多等）。。。
    前端 APP
    匠心打造多tab自动吸顶下的多滚动容器（详细）
  • 使用keep-alive保存滚动条的位置
    这是我参与更文挑战的第20天，活动详情查看： 更文挑战 两种滚动条 滚动条有两种： 整体页面滚动条： 通过vue-router以及activated方法保存和恢复页面级别的滚动条位置。 页面内部某个组
    前端
  • vue-router 手势滑动触发返回
    vue-router的路由变换只存在“变换前”和“变换后”，不存在“切换中”的状态，所以做不到大多数app（微信那样的）在滑动过程中让界面跟随手指移动。但滑动事件还是可以监听的，我们可以在滑动之后再触发路由回退事件。 微博的滑动返回基本上就是这样的原理：先滑动、再触发返回事件，…
    Vue.js
  • vue---详细页点返回列表页，停留在原先位置
    以上就是列表页跳转到详情页，页面数据缓存的一种解决方案。 <keep-alive>包裹的动态组件会被缓存，它是一个抽象组件，它自身不会渲染一个dom元素，也不会出现在父组件链中。当组件在 <keep-alive>内被切换，它的 activated 和 deactivated 这…
    Vue.js
  • vue缓存页面返回到指定滚动位置
    vue中注册滚动事件与dom并无不同以下配合keep-alive组件使用在mounted注册滚动事件1this.handleScroll获取scrollTop123mounted(){window.a
    前端
  • Vue.js项目重构，轻松实现上拉加载滚动位置还原
    前言 上一篇《Vue.js轻松实现页面后退时，还原滚动位置》只是简单的实现了路由切换时进行的滚动位置还原，很多朋友就来问上拉加载怎么实现啊！于是我想起了以前做过一个叫vue-cnode的项目，于是花了两天时间进行了重构，完全的移除了Vuex，使用了Vuet来做为状态的管理工具。如…
    Vue.js JavaScript 前端