首页 > 其他分享 >uniapp避坑指南-页面滚动

uniapp避坑指南-页面滚动

时间:2023-05-29 10:59:03浏览次数:30  
标签:uniapp 滚动 避坑 详情页 目录 页面

uniapp避坑指南-页面滚动

需求描述

做一个类似于word目录跳转功能,分成两个页面:目录页和详情页。目录页是一个列表,详情页是一个很长的的由很多pdf图片组成的上下滚动的页面,要求实现点击目录页跳转到详情页指定位置。

功能实现

主要使用 uni.pageScrollTo这个api。我的工程是cli创建的,想使用selector属性滚动到指定区域。但是运行代码后报错

pageScrollTo:fail Missing required parameter scrollTop

搜索时发现官方已经修复了该bug,但我的还是不行。于是想到是不是我的编译器没更新导致的?我的项目是在bug修复前创建的,并且一直离线用vscode开发。于是执行了以下操作发现真的是这个问题。

//更新到最新正式版
npx @dcloudio/uvm

更新完了之后就没有再报错了

标签:uniapp,滚动,避坑,详情页,目录,页面
From: https://www.cnblogs.com/ibacca/p/17439762.html

相关文章

  • 前端页面Table CSS实现固定表头表首行和固定列拖动固定
    需要用到的2个属性table-layout:fixedposition:stickytable-layouttable-layout属性有两种特定值:auto(预设值)-表格的总宽度决定每一个储存格(cell)的最大值fixed-表格的总宽度决定于表格width的定义,以及各栏位(column)width的定义为了让表格呈现滚动效果,必须设定table-......
  • uniapp避坑指南-图片预览
    uniapp避坑指南-图片预览(本地预览)需求描述有一个类似以下的数组,通过v-for循环,现在需要在用户点击图片后使用uniapp的图片预览Api。//view<viewv-for:'(item,index)inpicList':key="index"><image:src="item.url"@click='imgPreview(item.url,id)'>......
  • 页面各种布局概念与区别--静态布局、自适应布局、流式布局、响应式布局、弹性布局等
    @目录静态布局(StaticLayout)流式布局(LiquidLayout)自适应布局(AdaptiveLayout)响应式布局(ResponsiveLayout)响应式布局,自适应布局,流式布局总结和比较弹性布局(rem/em布局)响应式和弹性布局之间的对比总结静态布局(StaticLayout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为......
  • Appium自动化(15):Appium常用操作之混合应用webview页面操作--待补充!
    上下文操作:在appium中,对于混合应用,需要进行WebView页面和原生应用的切换 常用的方法如下:1、context(self)/current_context(self):返回当前会话的当前上下文,context可以理解为可进入的窗口。对于原生应用,可用的context和默认context均为“NATIVE_APP”,对于webvi......
  • Appium自动化(16):Appium常用操作之H5页面操作 --待补充!
    手机chrome浏览器操作:手机端chrome浏览器一般用于打开H5手机版网站,它的操作方式与PC端的浏览器操作(即selenium对浏览器的操作)是一模一样的,由于切换后的WebView页面也属于网页下述的方法中部分支持在webview页面中使用:1、get(self,url):打开网站,url参数为url地址,必须包含http/h......
  • 【React工作记录六十八】ant design一个页面(新增编辑)
     目录前言导语总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语antdesign锚点组件编辑核......
  • 前段页面删除弹窗实现
    1、定义删除按钮及删除函数<aclass="btnbtn-dangerbtn-xs"onclick="showDelete({{obj.id}});">删除</a>2,编写弹窗内容选择bootstrap→js插件→模态框的动态实例:launchdemomodal<!--Modal--><divclass="modalfade"id="myModal&qu......
  • 基于JAVA的虚拟页面置换算法
    访问【WRITE-BUG数字空间】_[内附完整源码和文档]一概述目的:实现OPT、FIFO、LRU三种置换算法。主要完成任务:实现三种算法并计算出每种算法的却页数,且以表格形式输出结果。使用开发工具:Eclipse—Java。解决主要问题:编写出可视化窗口输出运行结果。二使用的基本概念和原理OPT:在分配......
  • vue3 reactive响应式赋值页面不渲染问题
    问题描述://声明变量letdata=reactive([]);http().then(res=>{data=res.dataconsole.log(data)})//data数据更新,页面没有渲染,1、因数据结构而导致的未渲染解决方法:依旧是reactive,可以在外面包一层//声明letstate=reactive({data:[]})//赋值state......
  • 搭建自动化 Web 页面性能检测系统 —— 设计篇
    我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。。本文作者:琉易liuxianyu.cn页面性能对于用户体验、用户留存有着重要影响,当页面加载时间过长时,往往会伴随着一部分用户的流失,也会带来一些用户......