通过 JavaScript 脚本解决移动端弹出层滚动穿透的问题

通过 JavaScript 脚本解决移动端弹出层滚动穿透的问题

前端开发中经常会遇到一个麻烦的问题:在通过fixed或者absolute定位的弹出层上进行滚动操作的时候,滚动事件会穿透到底部导致body跟着滚动,及其影响交互体验。常规做法是在弹出层时候禁止body的滚动,将其设置为overflow: hidden,但是会导致滚动高度丢失从而造成视觉上一次弹动,所以我决定从弹出层本身考虑这个问题。 <body> Body content. ...

技术随笔 2019-03-21 PM 752次 0条
Install pydio cells with docker on CentOS 7.

Install pydio cells with docker on CentOS 7.

Recently, I've tried several types of self-hosted cloud services. Today, I'll share you about how to set up a pydio cells server. Install According to official docs, to set up your personal secured...

技术随笔 2018-09-12 PM 715次 0条
使用 Docker 配置基于 Nginx 支持的 NextCloud 私有云服务

使用 Docker 配置基于 Nginx 支持的 NextCloud 私有云服务

Docker 创建一个网络,将数据库、应用以及NginxDocker 放入同一个网络中。 docker network create --driver bridge --subnet 172.22.4.0/24 nextcloud 接下来,分别启动各个 Docker 的实例,其中Nginx实例需要暴露端口给宿主机器作为最终访问端口,Nginx通过反向代理将请求移交给应用实例处理,应用实例通...

技术随笔 2018-08-29 AM 380次 0条
MacOS X 手动安装基于 Virtual Box 的 laravel/homestead 过程

MacOS X 手动安装基于 Virtual Box 的 laravel/homestead 过程

由于某些地区网络无法连接到vagrant的服务器,安装homestead必须手动离线安装。 相关介绍 Homestead目的在于让本地环境可以很快的搭建和销毁,其原理为一个配置好的Vagrant Box原型,随时实例化出一个测试环境。Homestead基于Vagrant,而Vagrant是一个中间层,作用在于提供自动化的虚拟机安装,由于我选择了 Virtual Box作为虚拟机平台,所以...

技术随笔 2017-09-26 PM 384次 0条
背景图保持原始缩放填充div的方法

背景图保持原始缩放填充div的方法

<div class="fill"></div> .fill { overflow: hidden; background-size: cover; background-position: center; background-image: url('path/to/image.jpg'); }

技术随笔 2017-09-08 PM 394次 0条
CentOS 更新系统漏洞补丁

CentOS 更新系统漏洞补丁

如何列出可用的安全更新? 获取可用的安全更新 # yum list-security 获取所有的安全更新列表以及每条是否可更新的状态 yum --security check-update 获取所有当前可更新的关于firefox的安全更新 # yum list-security firefox 查看安全更新 RHSA-2017:0933 的具体信息 # yum info-sec...

技术随笔 2017-09-07 AM 219次 0条