<html> <head> <meta charset="gb2312"></head> <body> <div id="father" style="height:100px; overflow:hidden">//这两个属性是必须加上的 <div id="son1"> 我是第一行<br> 我是第 ...
分类：
Web程序 时间：
2020-03-19 16:31:58
阅读次数：
137
跑马灯滚动在项目中经常会用到，滚动有水平滚动和上下滚动两种方式 1.横向滚动 2.纵向滚动，纵向滚动我这里使用的是flutter_Swiper实现的滚动 ...
分类：
其他好文 时间：
2020-03-03 23:56:15
阅读次数：
366
在最近工作中有一个优化交互的需求，分析后得知，其核心功能为能在非激活窗口中响应鼠标滚动消息，先就该需求进行前期方案验证。 同类产品实现 参照现有软件行为，操作系统为 。以 ，`Chrome`两款软件为例。 当鼠标选中 后，然后将鼠标转移到 界面后，上下滚动鼠标， 页面能够同步滚动。 当鼠标选中 后， ...
分类：
其他好文 时间：
2019-12-17 20:54:38
阅读次数：
144
1.向上滚动 $(this).animate({ scrollTop: "-=50" }, 1000); 2.向下滚动 $(this).animate({ scrollTop: "+=50" }, 1000); 参数解读：$(this)表示要实现上下滚动的对象，-50表示向上滚动50px ， +50... ...
分类：
Web程序 时间：
2019-11-13 00:33:46
阅读次数：
116
一、首先我先介绍一下，我们要做一个什么样的项目功能 项目功能就是一个音频点击播放，当点击为播放的状态时，一个音频的动图出现，而且是可以跟随着手指的滑动而滑动，而且，在滑动动图的时候，当前下的页面是不可以跟随着我的滑动而上下滚动，当停止滑动的时候，音频动图停靠在手机的左侧或者右侧，而当前下的页面是可以 ...
分类：
微信 时间：
2019-11-10 17:28:12
阅读次数：
161
js的抖动 在 js 中 改变窗口大小 & 上下滚动滚动条 & 反复向输入框中输入内容 ... , 如果绑定了相应的事件 , 这些事件的触发频率非常高, 严重影响用户体验和服务器的性能 , 这种问题 在js中 就叫 js 的抖动 . 解决方法 : 防抖 & 节流 js的防抖 就是在 触发事件 中设置 ...
分类：
Web程序 时间：
2019-09-29 14:31:47
阅读次数：
143
IDEA卡顿 最近一段时间经常会在开发的时候感觉到 IDEA 很卡，在一个类里上下滚动或者切换类文件时都能够明显的感觉到，我以为是我项目打开的太多了，毕竟内存优化已经做过了，但是今天实在是被这玩意儿卡的有点烦了，我尼玛，开发机器 16 个 G 的内存，开俩 spring boot 项目卡成这个逼样？ ...
better-scroll 是一款重点解决移动端各种滚动场景需求的插件，并且可以很好的和 Vue 配合使用 首先来总结一下当下项目需要通过这个插件解决的需求： 1.左边商品种类列表可以滚动，右侧当前种类的商品详情也可以滚动 2.右侧上下滚动的时候左侧对应的种类也会高亮 3.点击左侧的种类的时候右侧会 ...
分类：
其他好文 时间：
2019-09-03 16:26:19
阅读次数：
130
overflow:auto 加滚动条 scrollTop() 上下滚动条 scrollLeft() 左右滚动条 $().click(function(){ }) $().bind("click",function(){ }) 绑定事件 $().unbind("click") 解除绑定事件 <butt ...
分类：
Web程序 时间：
2019-06-30 15:49:46
阅读次数：
575
实现如上图所示的内容，利用微信小程序自带的swiper标签，设置垂直滚动，原理就是这么简单，但是，如果需要动态加载数据呢？ 比如：我有n条数据，但现在是每次加载的是两条数据，那么需要创建多少个swiper-item呢？ 通过一个小小的计算方式来实现，相信大家动一下脑筋就明白。 module.expo ...
分类：
微信 时间：
2019-06-13 00:49:45
阅读次数：
236
