本篇如题,是对上一个鼠标滚动事件的扩充 具体扩充内容: 1.可以添加点击元素(control_up/control_down)来控制页面的滚动 2.可以选择触发方式(点击、滚轮滚动、点击和滚轮滚动) ...
分类:
其他好文 时间:
2019-05-29 00:04:12
阅读次数:
146
不知大家在前端开发实践中有没有做过这样一个效果,就是页面布局中有一个顶部通栏的搜索登录框,我们的需求就是当鼠标向下滚动时,顶部通栏始终固定在顶部,并且默认顶部是透明背景,而当页面滚动时,顶部通栏的透明度随着页面卷曲的高度增加而变大,当页面滚动距离超过某一个高度时,透明度就固定不变了。顶部通栏的固定很 ...
分类:
其他好文 时间:
2019-05-16 15:07:16
阅读次数:
446
节流和防抖 防抖 防抖的中心思想在于:我会等你到底。在某段时间内,不管你触发了多少次回调,我都只认最后一次。 使用场景 search搜索联想,用户在不断输入值时,使用防抖减少请求次数。 节流 throttle 的中心思想在于:在某段时间内,不管你触发了多少次回调,我都只认第一次,并在计时结束时给予响 ...
分类:
其他好文 时间:
2019-04-22 00:49:45
阅读次数:
208
参考博客: "JS防抖和节流" ,感谢作者的用心分享 日常开发过程中,滚动事件做复杂计算频繁调用回调函数很可能会造成页面的卡顿,这时候我们更希望把多次计算合并成一次,只操作一个精确点,JS把这种方式称为debounce(防抖)和throttle(节流) 函数防抖 当持续触发事件时,一定时间段内没有再 ...
分类:
Web程序 时间:
2019-03-19 18:27:15
阅读次数:
204
local MyTableView = class("MyTableView") MyTableView.__index = MyTableView MyTableView.property = {} --这里是为了让layer能调用MyTableView的方法 function MyTableVi ...
分类:
其他好文 时间:
2019-03-10 23:29:29
阅读次数:
314
效果图如下: 目的: 为了让 + 号与 - 号跟随在当前 tr 的前边 第一步: 当tr指针经过时获取tr的相对位置 HTML JS 第二步:给滚动的div元素添加滚动事件获取滚动的高度 最后:设置ICON的位置 ICON的位置 = 当前tr的位置 + tr父元素的相对位置 - div的滚动高度 t ...
分类:
其他好文 时间:
2019-02-13 13:06:57
阅读次数:
191
【转】09-JS的事件流的概念(重点) 在学习jQuery的事件之前,大家必须要对JS的事件有所了解。看下文 事件的概念 HTML中与javascript交互是通过事件驱动来实现的,例如鼠标点击事件、页面的滚动事件onscroll等等,可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些 ...
分类:
Web程序 时间:
2019-02-07 19:11:14
阅读次数:
214
原生 JS 实现移动端 Touch 滑动反弹 什么是 滑动?就是类似于 端的滚动事件,但是在移动端是没有滚动事件的,所以就要用到 事件结合 去实现,效果如下: 1. 准备工作 什么是移动端的 事件?在移动端 事件可以细分成三种,分别是: 、`touchmove touchend touch addE ...
分类:
移动开发 时间:
2019-01-31 20:58:18
阅读次数:
179
vue 中监测滚动条加载数据(懒加载数据) 1:钩子函数监听滚动事件: 2: ...
分类:
其他好文 时间:
2019-01-21 16:07:49
阅读次数:
324
什么是 Touch滑动?就是类似于 PC端的滚动事件,但是在移动端是没有滚动事件的,所以就要用到 Touch事件结合 js去实现,效果如下: 1. 准备工作 什么是移动端的 Touch事件?在移动端 Touch事件可以细分成三种,分别是: touchstart、touchmove和 touchend ...
分类:
移动开发 时间:
2019-01-19 22:55:30
阅读次数:
230