原理:就是监听页面滚动事件,分析clientHeight、scrollTop、scrollHeight三者的属性关系。 window.addEventListener('scroll', function() { const clientHeight = document.documentEleme ...
分类:
Web程序 时间:
2020-11-10 11:04:36
阅读次数:
17
1.1. 元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 1.1.2 of ...
分类:
Web程序 时间:
2020-11-08 17:24:40
阅读次数:
30
scroll系列 获取元素内容的宽高 /* * 元素的样式属性是无法直接通过:对象.style.属性来获取(样式在style属性中设置) * offset系列: * offsetLeft:距离左边位置的值 * offsetTop:距离上面位置的值 * offsetWidth:元素的宽(有边框) * ...
分类:
其他好文 时间:
2020-10-22 22:11:50
阅读次数:
21
inux下TCP/IP及内核参数优化有多种方式,参数配置得当可以大大提高系统的性能,也可以根据特定场景进行专门的优化,如TIME_WAIT过高,DDOS攻击等等。如下配置是写在sysctl.conf中,可使用sysctl -p生效,相关参数仅供参考,具体数值还需要根据机器性能,应用场景等实际情况来做 ...
分类:
其他好文 时间:
2020-10-20 16:27:09
阅读次数:
23
随着小程序的发展与功能的逐步完善,越来越多的产品需要小程序与 APP 的功能能有一些共性,社区跨平台的解决方案越来越多,比如 taro 等为代表的把一套代码编译成多端运行的机制,本文会使用 Swift 作为原生语言,在 iOS 应用上运行一个小程序 Demo, 使用 Android && react ...
分类:
微信 时间:
2020-10-18 16:20:32
阅读次数:
38
<template> <view :style="{width: windowWidth + 'px', height: windowHeight + 'px', 'background-color': '#000'}"> <view class="goback" @click="goback" : ...
分类:
移动开发 时间:
2020-10-18 10:01:49
阅读次数:
22
问题 线上nexus因为误操作 blob存储,造成nexus 出现Invalid state: DELETED; allowed: [STARTED],然后就是现有的nexus 也不能使用了(nexus服务异常) 以下是参考的解决方法 解决方法 手工处理相关的blob存储,删除,同时重启nexus服 ...
分类:
其他好文 时间:
2020-10-10 17:49:26
阅读次数:
31
.案例:返回顶部 带有动画的返回顶部 此时可以继续使用我们封装的动画函数 只需要把所有的left 相关的值改为 跟 页面垂直滚动距离相关就可以了 页面滚动了多少,可以通过 window.pageYOffset 得到 最后是页面滚动,使用 window.scroll(x,y) <script> // ...
分类:
其他好文 时间:
2020-10-08 18:05:19
阅读次数:
19
网上大部分方案如下,即给出现滚动条的元素 ::-webkit-scrollbar 添加 display: none; html,body { width: 100%; height: 100%; overflow-y: scroll; } body::-webkit-scrollbar { disp ...
分类:
移动开发 时间:
2020-09-24 21:40:47
阅读次数:
61
子组件中<div class="area" ref="area_scroll" v-if="cityInfo"> import BScroll from "better-scroll"; methods: { initScroll() { this.scroll = new BScroll(this ...
分类:
其他好文 时间:
2020-09-18 03:11:56
阅读次数:
27