相关文章推荐
谦和的乌冬面  ·  sklearn random forest ...·  1 年前    · 
多情的仙人球  ·  Login Failed for User ...·  1 年前    · 

给外层盒子设置最大高度 max-height: 600rpx;overflow:hidden;
滚动的盒子设置 overflow:scroll;

结果发现 overflow:scroll 失效了
查询文档得知,是因为 uni-popup最外层设置了默认值 @touchmove.stop.prevent=“clear”,禁止内部滑动,导致的滑动没有效果

解决方案:

给外层盒子 设置 @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...