如标题所示，这里受 https://segmentfault.com/a/1190000003849952 这篇文章的启发，自己重写了一下代码 效果图： 代码： ...

在做移动端项目的时候发现，如果弹窗的内容很多很长，在滑动弹窗时，蒙层下面的window窗体也会跟着一起滚动，这样带来很差的视觉体验：当时也想了很多办法，比如判断滑动的元素，如果是弹窗里面的元素则禁止window的滚动，如果不是，则window可以滚动 虽然在滑动弹窗的时候window体不滚动 ...

方法一：前端代码： 适合移动端、PC端页面下拉 滚动分页 方法二（推荐）： 插件 https://github.com/ximan/dropload 下载插件，引用css 和 js： <link rel="stylesheet" href="~/Content ...

发页面上某个元素或者达到某个条件时，页面弹出模态框的场景应该是很常见的了，特别是在屏幕较小的移动端，例如下面这种： 对于这个效果，之前一直都没怎么在意探究过，因为觉得应该没什么好弄的，直到，我接到了一个包含此效果的需求之后，我才知道什么叫眼高手低，还是太年轻。 body ...

背景: 弹层里边有可滚动区域时，在移动端的坑我就不多说了。 找了很多解决滚动穿透的方案，最终都不能完美解决。 一气之下自己js撸了一个。 效果图： 原理： 1、解决滚动穿透：通过给弹层绑定touchmove和mousewheel事件，取消默认行为实现。 2、取消默认行为后 ...

...

HTML CSS JS 所以为了禁止弹出层下内容的滚动，必须要禁止滑动事件传递到下一层，所以要防止滑动事件冒泡 当弹出层出现的时候 所以最后的JS应该是 ...

在手机web app开发中会涉及到水平导航，代码如下： .nav_dh{box-sizing: border-box;width: 100%;overflow-y: auto;height:2.5rem;line-height:2.5rem;background-color ...