[微信小程序]微信计划(6)-禁止页面滚动

  • A+
所属分类:hao123网址大全
摘要

.\\N\\前面写(访问者请直接浏览下一个)刷互联网,信息产业,文化和娱乐最近,当我制作一个美食类小程序时,我需要用一辆购物车。我有个坏主意。我抄了美团的购物车,写了一本,然后这里有张卡片:购物车清单是从文本流中固定出来的,当我在购物车列表上滚动的时候,底部的页面也会随之滚动

.

\\N\\

前面写(访问者请直接浏览下一个)

刷互联网,信息产业,文化和娱乐http://www.shuadianzixun.com]>;/b>;

最近,当我制作一个美食类小程序时,我需要用一辆购物车。我有个坏主意。我抄了美团的购物车,写了一本,然后这里有张卡片:购物车清单是从文本流中固定出来的,当我在购物车列表上滚动的时候,底部的页面也会随之滚动,所以我找到了解决这个问题的方法。

\\N\\

\\N\\

预演效果

\\N\\

首先,耳语一个字,为了节省时间,所以在数据模拟显示中,所有图片都有相同的名称,销售量是一样的,只是换了相应的价格来区别。

\\N\\

\\N\\

\\N\\

实现方法

\\N\\

[注]本文只记录了[禁止页面滑动]的方法,不涉及购物车的设计方法。

\\N\\

1.首先,设计了一个底部页面。

\\N\\

\\N\\

(2)B>;[小白联盟赚钱项目http://www.xiaobailm.com]<;/b>,并制作覆盖上层的模块(当然,第一次制作时,底部滚动条有时会与购物车的滚动条一起滚动);

\\N\\

\\N\\

3.[方法核心]:改变容器的高度属性:自动100%。

\\N\\

[实际]:

\\N\\

3.1:设置Dynamicclass属性或id属性以更改其底部页面的CSS样式,其中我使用isHiddenShoppingList变量来控制是否分配底部页(容器)容器禁令属性;

\\N\\

\\N\\

3.2:容器类属性的样式-禁令:

\\N\\

\\N\\

这通常是可能的,但有时会有特殊情况(只有上面的代码不能这样做)。例如,我的页面是,即使您使用上述代码,也无法实现最终的预期结果。因为我的容器禁令没有我自己的视图容器写在外面,它的父元素是页面,而我对页面的高度没有限制,所以容器禁令的高度:100%不工作。

\\N\\

3.3:固定底部页的父元素高度为100%;

\\N\\

\\N\\

最后,实现了最终效果。在这里,整个过程结束了。

\\N\\

\\N\\

\\N\\

跟进。

\\N\\

当我再次使用这种方法时,我发现它确实阻止了页面滚动,但它也有副作用:如果底部页面较长,当底部页被修复时,底部页面将自动跳转到页面的顶部(我在页面中间单击了一个按钮,想要弹出一个框,因此,底部页面直接滚动到顶部。然后我不知道我在名单上按了哪个按钮,很尴尬。)溢出:隐藏;做了这些奇怪的事情。

\\N\\

由于有缺陷,有必要找出更好的方法,使底页不会翻滚到顶端,找半天才能最终收获。最后,有一种方法:将底部的页面包装在滚动视图中,而底部的页面在固定时不会自动滚动到顶部。

\\N\\

该方案如下:

\\N\\n\\

\\N\\

跟进。

\\N\\

在实现之前的功能后,我发现了一个新的问题,因为我习惯了正常的下拉刷新,现在不能下拉,因为滚动视图涵盖了全局情况,当我向下滑动时,页面会认为我只是在滚动视图中滑动,无法感觉到我想要下拉刷新。

\\N\\

\\N\\

参考文件

\\N\\

解决微信迷你节目自定义弹出窗口滚动与页面滚动、滚动浏览组件之间的冲突,实现下拉刷新,<;b>;[点击http://www.jingrishuadian.com每日精品短片内容搞笑网络名人视频]<;b>;拉到末尾更多。

.

分享当前页面将至少获得10%佣金,点此获取推广链接(规则说明)。

本站VIP源码资源永久免费下载!持续更新!www.526bt.com

加入999永久VIP会员带做项目包赚钱!教引流包搭建,社群资源共享!

新项目更新通知QQ群:767688774 站长技术交流QQ付费群:552760713

点击这里给我发消息备用QQ:点击这里给我发消息

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 源码安装视频教程
  • 教程项目网赚APP扫码下载
  • weinxin

小白源码资源站!站长!
全网最低价建设各种网站 | 网站修改 | 网站开发 | 模板开发
官方支付接口代申请-支付宝-微信-QQ钱包
网站漏洞修复 网站木马清理 漏洞修复 漏洞检测 服务器安全维护
域名快速备案个人网站企业公司网站域名快速代理备案快速服务|网站快备
点击注册

发表评论

您必须才能发表评论!