一、基本概念 1、事件:用户/浏览器自身执行的某种动作(点击click、加载load,页面滚动scroll的等); 2、事件处理程序:响应某个事件的处理函数,又叫事件侦听器 二、事件流 事件流 1、事件冒泡 由IE提出 由下向上 2、事件捕获 由Netscape团队提出 由上向下 由于老版本浏览器不 ...
分类:
Web程序 时间:
2018-08-02 00:00:53
阅读次数:
281
上一篇简单介绍了C#的一些基本知识,并成功的Hello,World,那么从这篇开始,我们来自己动手写一个串口助手: 1、构思功能 串口助手在单片机开发中经常被用来调试,最基本的功能就是接收功能和发送功能,其次,串口在打开前需要进行一些设置:串口列表选择、波特率、数据位、校验位、停止位,这样就有了一个 ...
::-webkit-scrollbar { width: 18px; height: 30px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset ...
分类:
其他好文 时间:
2017-11-17 11:58:19
阅读次数:
162
一、在使用滚动视图scroll-view、横向滚动(scroll-x)时: 1、要加点样式才生效:white-space:nowrap。 2、不能设置display:flex,用display:inline-blcok排列里面的内容就可以了,(用flex的话,苹果机没问题,安卓机会失效导致页面被撑开 ...
分类:
其他好文 时间:
2017-11-08 15:57:23
阅读次数:
160
本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 优化滚动。因为本文涉及了很多很多基础,可以对照上面的知识点,选择性跳到相应地方阅读。 滚动优化的由来 滚动优化其实也不仅仅指滚动(scroll 事件),还 ...
分类:
其他好文 时间:
2017-09-03 23:56:52
阅读次数:
225
1.背景与前景:background-color:;背景色,样式表优先级高。 background-image:url(路径);设置背景图片 background-attachment:fixed;背景固定,不随字体滚动。scroll;背景随字体滚动。 background-repeat:no-re ...
分类:
Web程序 时间:
2017-07-24 21:29:27
阅读次数:
206
如图,需要实现类似阅读完整个协议之后,我接受这个按钮才能被点击。 第一反应想到的是监听滚动,scroll 美滋滋的绑定事件,然后判断 : 滚动的距离大于内部的高度减去外部的高度的时候就视为到达底部 scrollTop + divHeight >= scrollHeight 这里scrollTop指的 ...
分类:
其他好文 时间:
2017-06-12 16:14:47
阅读次数:
189
背景与前景: 背景:width:600px; 背景的宽 height:600px; 背景的高 background—color: 颜色; 背景色 background—image:url(路径); 背景图片 backgeound—attachment:scroll; 背景随字体滚动 scroll 滚 ...
分类:
其他好文 时间:
2017-06-10 14:02:22
阅读次数:
314
clientWidth是对象看到的宽度(不含边线,即border)scrollWidth是对象实际内容的宽度(若无padding,那就是边框之间距离,如有padding,就是左padding和右padding之间距离)。offsetWidth是指对象自身的宽度,整型,单位像素(含边线,如滚动条的占用 ...
分类:
Web程序 时间:
2017-06-08 12:01:16
阅读次数:
175
滚动宽高scrollHeightscrollHeight表示元素的总高度,包括由于溢出而无法展示在网页的不可见部分scrollWidthscrollWidth表示元素的总宽度,包括由于溢出而无法展示在网页的不可见部分[注意]IE7-浏览器返回值是不准确的【1】没有滚动条时,scrollHeight与clientHeight属性结果相..
分类:
其他好文 时间:
2017-05-10 14:38:01
阅读次数:
190