按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 1. 像置身于龙卷风中的特效https://codepen.io/shubniggur... 2. 办公布局动画https://codepen.io/karlovidek... 3. 随着页面滚动而出现彩色色块https:// ...
分类：
其他好文 时间：
2020-04-29 15:11:11
阅读次数：
76
var position = $(".element").offset(); position.top = position.top-60; $("html,body").animate({scrollTop:position.top}, 100); 首先获取某元素的位置 第二部 top 就是元素在 ...
分类：
Web程序 时间：
2020-04-27 17:12:05
阅读次数：
300
better-scroll的使用 1.下载better-scroll cnpm install better-scroll --save 2.在vue中使用它，由于我们可能在很多情况下使用better-scroll，来达到监听页面滚动的位置，实现例如上拉加载，下拉刷新的操作， 所以我们需要把bett ...
分类：
其他好文 时间：
2020-04-26 10:48:40
阅读次数：
134
概述 这个问题常出现在移动web开发中聊天或者留言页面的绝对定位输入框上，页面超过屏幕大小时候输入框focus状态下（键盘弹出）绝对定位的元素失效，导致页面滚动时候把定位元素一并带走，体验十分不好，在此留下一自己的方法，让更多的人不需要再爬这样的小坑。 解决方法 原理很简单，就是定义一个外框把页面包 ...
分类：
移动开发 时间：
2020-04-04 22:45:05
阅读次数：
102
在Selenium中可以使用drvier.execute_script()来执行Javascript脚本，支持多行语句。 使用Javascript可以实现以下功能： 移除元素隐藏、禁用、只读等限制属性 为元素添加id或高亮样式 页面滚动 富文本框输入（HTML注入) 获取页面信息 使用Javascr ...
分类：
编程语言 时间：
2020-03-31 12:08:20
阅读次数：
97
由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault() ，这就导致了浏览器不能及时响应滚动，略有延迟。 所以为了让页面滚动的效果如丝般顺滑，从 chrome56 开始，在 window、document 和 body 上注册的 touchstart 和 tou ...
分类：
其他好文 时间：
2020-03-21 14:49:59
阅读次数：
48
看到书上有一个控制chrome的页面滚动条的方法，试着运行了一下，总是报错。在网上也找到过这个方法，但说的都比较简单，就是运行不了。可能是我对它理解的不够。 幸好，又找到了另外一个方法，解决了这个问题，能成功的操作页面的滚动条。 贴代码： #coding=utf-8import timefrom s ...
分类：
其他好文 时间：
2020-03-21 11:25:14
阅读次数：
110
页面中经常会遇到弹出层的部件，当弹出层激活时覆盖整个页面，且背景部分不能滚动。实现起来有以下要点： 弹出层position设置为fixed，四个定位锚点均设为0； 激活弹出层时给html和body设置overflow: hidden;； 以下是实践： codepen 为了让彻底禁止滚动，还可以在mo ...
分类：
其他好文 时间：
2020-03-19 17:49:05
阅读次数：
68
常见的开发页面中可能会有这么一个需求，页面中会有多个模块，每个模块对应一个导航，当页面滚动到某个模块时，对应的模块导航需要加上一个类用于区分当前用户所浏览区域。 假设结构如下： <div class="container"> <div class="wrapper"> <div class="sec ...
分类：
编程语言 时间：
2020-03-16 12:30:03
阅读次数：
56
一、利用position的sticky属性 sticky页面不动的情况下，它就像 position:relative;而当页面滚动超出目标区域时，它表现的就像 position:fixed;，会固定在目标位置。 relative(相对定位)是指给元素设置相对于原本位置的定位，元素并不脱离文档流，因此 ...
分类：
其他好文 时间：
2020-03-15 17:37:21
阅读次数：
94
