1.问题说明     近日接到页面全屏滚动的需求，内容为：一张图片，一段文字以及固定在屏幕下方的按钮，如图所示： 根据设计稿尺寸写好页面布局，在大多数手机尺寸中都是适配的，个别手机及ipad会出现问题，以下特例说明：     <1> iphone X（375812）中，fixed定位 ...

随着WebApp越来越火，相关的移动端的方法也越来越常用。下面主要介绍我在项目中解决的关于加载数据的方法。 滚动加载的原理：1，初始化数据，例如最初的数据有五条；2，启动滚动加载方法；3，根据页面的最后一条数据加载接下来的数据。当然这需要后台数据接口的结合。后台接口根据数据的id进行该数据下 ...

1.微信扫描网站入口二维码，进入移动端 2.点击“加载更多”按钮，实现移动端分页功能，目的减少客户等待时间以及节省流量（一次性加载全部数据，数据量大时会导致页面等待时间过长和不必要的流量浪费） 3.原理流程：ajax将form表单数据以及当前页面加1组装为数组转到后台，后台做分页查询 ...

...

CSS代码： .noscroll, .noscroll body { overflow: hidden; } .noscroll body { position: relati ...

对移动端滚动高度的获取 通过采用原生js的方法来实现，绑定vue中的dom元素，通过添加ref来获取，但是同名只能绑定一个，this.$refs.domName来获取， function homeScrollEvent() { const pageScrollTop ...

滚动穿透在移动端开发中是一个很常见的问题，产生诡异的交互行为，影响用户体验，同时也让我们的产品看起来不那么“专业”。虽然不少产品选择容忍了这样的行为，但是作为追求极致的工程师，应该去了解为什么会产生以及如何去解决。 什么是滚动穿透 移动端开发中避免不了会在页面上进行弹窗、加浮层等这种操作 ...

移动端滚动穿透问题 ==> 移动端弹出fixed弹窗的话，在弹窗上滑动会导致下层的页面跟着滚动，这个叫“滚动穿透” 1.在弹出层的touchstart事件中调用preventDefault 这种方法不可取，至少有3个缺点： 1.如果弹出层本身是有滚动（条）的话，将会导致弹出 ...