这是我做个人网页的时候加上的带返回顶部右侧悬浮菜单效果，如下图， 使用工具是Hbuilder。 代码如下： 主要用到的知识点： 1.定位（position属性） 常用的三个可能值： （1）position:relative; 相对定位 ...

...

一、原理: 使用label与input来实现，label和复选框是有关联的,label的for属性对应的是input的id,所以点击label时,它就会勾选或取消复选框。 如果我们需要让菜单默认显示,只需要将input的checked属性设为true即可。 因为用到 ...

内容区域重复一份，使用 animation 平移，平移结束后瞬间切回原始状态。达到无线循环滚动的效果。 预览 在线预览 实现 whosmeya.com ...

效果如图： 小程序wxml: <view class='wraper'> <view class="header"> 头部 </v ...

效果图： ...

有时候在页面的某个模块中，需要无限循环的滚动一些消息。那么如果我们用js实现无缝衔接滚动的思路是什么呢（比如我们这个模块是向上滚动的）？ 克隆A一份完全一样的数据B放在原数据A的后面； 使用setInterval向上滚动A的父级容器； 当向上滚动的距离L正好的A的高度时(L ...

场景： 假设有4条数据或者标题，视口中只显示两条，采用每次向上滚动一条数据来展示所有的数据。效果如图： 用JavaScript也很容易实现，但是需要操作DOM，可以参考这篇博客。考虑到项目中经常使用Vue，已经很少操作DOM了，所以考虑最好通过CSS来实现，可以通过Vue给模板元素动态绑定 ...