给外层盒子 设置 @touchmove.stop.prevent=“disabledScroll”
内层盒子外 嵌套一层 < scroll-view scroll-y=“true” class=“scroll-Y”>< /scroll-view > (或者使用 overflow:scroll 解决)
<template>
<view class="quick_couponEara" @touchmove.stop.prevent="disabledScroll">
<!-- class="scroll-Y" 限制最大高度-->
在钉钉小程序使用了mini-ali-ui的popup框作为弹框,但是在弹框内部如果有想要用overflow-y:auto来实现上下滚动,底层页面不滚动,发现不能使用。
原因是popup框有一个属性:disableScroll(布尔值):展示 mask 时是否禁止页面滚动。默认值true
加上这个属性,页面内所有的滚动在手机真机调试时都是失效的,大家一起玩完。
解决办法:
page {
height: 100vh;
overf
这个组件里面实在是包裹太多层了,得找到离内容层最近的那层包裹层设置overflow才有效。在给组织架构组件的外框设置overflow:scroll的时候不生效,没有显示滚动条。找到离内容层最近的那层包裹层设置overflow。
// 禁止浏览器滚动页面
let edit2d = document.querySelector(".edit2d");
edit2d.addEventListener("touchmove", e => {
e.preventDefault();
web移动平台前端UI开发工作,兼容问题超多,今儿又遇到一个。产品方要求在某固定尺寸容器内显示内容,但内容条数未知;如果条数过多,容器显示滚动条。这鸟需求按说是So easy,容器设死宽、高,CSS加属性overflow:scroll;完事!可拿设备去测的时候有趣了,Pc all browser正常,ios正常 ,android失效。泥马在android下效果与 overflow:hidden...