背景不动，内容滚动的解决方案（移动端）
在最外层设置背景。再用一个包裹层把需要滚动的内容包裹起来，利用box-flex布局。 ...
原文：移动端 弹窗-内容可滚动，背景不动
实际开发中，总免不了使用弹窗，如果弹窗比较短，内容不需要滑动，那还好处理，vue中直接阻止滑动就可以了，但是如果弹窗内的内容需要滑动，那就有点麻烦了，之前看到的方案都是给body设置fixed，但是事实上都不是很好，还好，网上找了一种解决方案，实现思路比较简单直接，滑动的时候监听touch事件，通过target来判断滑动的是谁，如果是遮罩层，那么直接preventDefault ，当然，这还没完， ...
2019-12-05 22:07 0 330 推荐指数：
相关推荐
移动端弹出层背景禁止滚动
发页面上某个元素或者达到某个条件时，页面弹出模态框的场景应该是很常见的了，特别是在屏幕较小的移动端，例如下面这种： 对于这个效果，之前一直都没怎么在意探究过，因为觉得应该没什么好弄的，直到，我接到了一个包含此效果的需求之后，我才知道什么叫眼高手低，还是太年轻。 body ...
CSS里使BODY的背景图片固定不动内容滚动
CSS里使BODY的背景图片固定不动内容滚动：style="background-attachment: fixed" 例子解析： body { background-image: url(images/dbg.jpg ...
css实现移动端滚动条隐藏仍然可以滚动内容
.g-panel { height: calc(100% - 112px); overflow: auto; &::-webkit-scrollb ...
移动端弹窗滚动时window窗体也一起滚动的解决办法
在做移动端项目的时候发现，如果弹窗的内容很多很长，在滑动弹窗时，蒙层下面的window窗体也会跟着一起滚动，这样带来很差的视觉体验：当时也想了很多办法，比如判断滑动的元素，如果是弹窗里面的元素则禁止window的滚动，如果不是，则window可以滚动 虽然在滑动弹窗的时候window体不滚动 ...
pc页面滚动的时候，背景图不动只是页面滚动
代码如下，直接拷贝出去就能看效果； 用到的方法 background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。 ...
vue移动端横向滚动计算滚动距离，从而移动背景图滚动条 vant库
<template> <div class="page-body"> <div class="page-title ...
vue 移动端弹窗后禁止页面滚动 @touchmove.prevent
可以在遮罩层中添加 @touchmove.prevent 就可以实现禁止页面滚动 注意 弹窗里面有滚动条的也是无法滚动的 ...