uniapp移动到指定位置的思路

uni-app简单实现一下拖拽排序 简简单单做一个拖拽排序🤪 阅读详情
  • 利用 api uni.pageScrollTo

思路: 利用uni.pageScrollTo 来滑动到固定的位置

  1. uni.pageScrollTo
//目标class
uni.createSelectorQuery().select('.comment-title').boundingClientRect((data)=>{
	//最外层class
	uni.createSelectorQuery().select('.detail').boundingClientRect((res)=>{
		uni.pageScrollTo({
			duration: 100,//过渡时间必须为0,否则运行到手机会报错
			scrollTop: data.top - res.top
		})
	}).exec()
}).exec()
UniApp 自定义滚动条实现 在移动端开发中,系统默认的滚动条往往无法满足UI设计的需求。本文将详细介绍如何在UniApp中实现一个完全自定义的滚动条,该滚动条不仅外观可控,还能根据内容比例动态调整宽度,提供更好的用户体验。 阅读详情

相关推荐

uniapp本地导出表格excel

uniapp本地导出表格的唯一方法

球球不吃虾WHR2349博客 5536

uni-app uni-fab修改图标 浮窗位置 是否展开

1.先说修改图标吧 是需要修改 uniapp源码的。 uni_modules/uni-fab/components/uni-fab/uni-fab.vue 36行改为 增加:type="icon"的属性 <uni-icons class="fab-circle-icon" :type="icon" :color="styles.iconColor" size="32" 当然如果不想用uni-icons也可以把它替换掉 props在73行里插入新的项: icon:{ t...

liyang_yang_的博客 4924

uniapp中键盘弹出时精准控制输入框位置的实践方案

本文详细解析了在UniApp开发中,如何通过设置adjust-position=false关闭平台默认行为,并利用uni.onKeyboardHeightChange API监听键盘高度变化,实现输入框位置的精准手动控制。文章提供了固定底部输入栏和内嵌输入框两种实战方案,解决了键盘弹出时页面布局错乱的核心痛点,并分享了处理Android虚拟键、iPhone安全区以及性能优化的进阶技巧。

weixin_29009881的博客 422

手机端悬浮按钮包含个菜单 可拖动

基于uni-ui 手机端悬浮按钮包含个菜单 可拖动

belamYJY的博客 414

uniapp集成pdf.js实现移动端PDF高效预览与交互优化

本文详细介绍了在UniApp中集成pdf.js实现移动端PDF高效预览与交互优化的完整方案。通过web-view组件嵌入开源库pdf.js,构建了可深度定制的内置PDF阅读器,解决了依赖外部应用、界面割裂等问题。文章重点阐述了如何打通UniApp与pdf.js的双向通信、处理PDF文件加载、进行性能优化(如启用Web Worker)以及实现阅读进度同步等高级功能,为开发者提供了一套兼顾功能与体验的移动端PDF预览实践指南。

weixin_29255731的博客 626

uniapp自定义按钮/文字页面任意位置拖动(movable-area)

movable-area自定义页面位置拖拽

高桥留de博客 731

Uniapp 设计思路全分享

Uniapp设计从需求分析、架构搭建、组件与页面布局设计、数据交互设计等多方面入手,各环节关联,需依项目灵活调整。

Smell_of_earth的博客 960

uniapp,uni-fab组件拖动属性,替代方案

uniapp,uni-fab组件拖动属性,替代方案

汽车电子软件领域知识分享 1587

uniapp移动端文件下载,并保存到手机本地存储空间

说实话这个我花了好久的时间去研究,找各种资料。实属不易特此记录其实还有许多需要完善的:比如,下载进度条啊等等,我看官方还有许多API,后续我直接在这继续更吧,有时间的话!一个坑就是:有些API在不同的运行场景有些API不支持,比如H5就不支持uni.saveFile还有其他的,根据官方文档提示,用了uni.getSystemManagerInfo等都直接报错了还有就是比较重要的一点,uniapp可以设置文件的位置,比如内部,外部,沙盒内以及访问权限不一样。这里我用的是容易找到文件的方式。

x910380566的博客 6334

uni-fab彩色悬浮按钮

将此代码复制到unimoudle下的uni-fab.vue内直接可以用

Python实现飞书机器人定时发送文本、图片等群消息

python实现飞书群自动发送告警消息

tyh_keephunger的博客 2万+

uniapp 滑动操作

uniapp 滑动操作

paidaboluo的博客 4254

《惠普工作站设置BIOS从U盘装系统》

惠普工作站设置BIOS 惠普工作站在做服务器时应用广泛,本文介绍下其BIOS开机自启动设置,附上图片,以供学习参考。 惠普工作站设置BIOS 启动步骤如下: 第一步:根据需要对BIOS进行更改,并保存 1.重启工作站按F10进入BIOS设置(也可以按ESC键选择进入BIOS设置的选项)。 图1 惠普工作站B...

istrangeboy&begin zero的博客 2万+

uniapp 移动端通话录音上传

uniapp 通话监听以及录音上传

J1a1v1a的博客 3814

如何在离线的电脑上部署一个本地Deepseek(使用ollama)

例如,如果您的显卡显存为 16GB,官方推荐使用 32b 大小的 DeepSeek 模型。请根据您的硬件配置选择适合的模型版本,以获得最佳性能。首先我们需要将ollama和chatbox的安装包,Deepseek模型文件通过U盘或者光盘的形式导入到这台不能联网的电脑上。按照时间排序,找到最大的那个文件,就是gguf格式的模型,复制出来,改名为qwen2.5-coder0.5b.gguf。:基于开源模型(如 QWEN 和 LLAMA)微调,参数量从 1.5B 到 70B 不等,适合本地硬件部署。

qq_41854911的博客 1万+

从Multibit到Debanking:芯片设计中的时序优化完整流程解析(含真实案例)

本文深入解析芯片设计中Multibit技术与Debanking的时序优化完整流程,结合7nm移动SoC真实案例,详细探讨Multibit的核心优势、实施条件及潜在风险,并提供Debanking的触发时机与操作策略。通过平衡Multibit与Debanking,工程师可有效优化PPA(Power-Performance-Area),提升芯片设计效率。

weixin_30316097的博客 460

uniapp-自定义拖动布局

本人一开始在想如何实现这种效果的时候,首先想到的是通过css的浮动去实现,通过改变当前的位置来达到物体上的拖动,在两个物体上的碰撞先是通过上面位置拖动去改变,但是发现还有有问题,以为值都是直接赋在物体的宽高上面。后面才发现通过把所有物体的坐标放在一个数组里面,通过拖动某一个物体的时去判断当前拖动位置上是否有物体存在。本篇文章主要内容是实现在两个相同大小(宽高)下进行位置拖动摆放,以及对其他物体摆放位置造成偏移位置的功能效果,但是目前还只能在两个宽高一样的物体进行拖动。后面有更新的话会在这个里面更新~

主要是学习笔记和一些学习心得~ 2401

74LS161/48 交通灯控制系统:30-5-20-5 时序逻辑电路 Multisim 仿真验证

本文详细解析了基于74LS161/48芯片的交通灯控制系统设计,通过Multisim仿真验证30-5-20-5时序逻辑电路。从系统架构搭建、状态机实现到波形分析,提供全流程操作指南与典型问题排查方法,助力数字电路课程设计高效完成。

weixin_26742753的博客 377

uniapp-nice-cropper:打造移动端图片裁剪新体验

在移动应用开发中,如何高效实现专业级图片裁剪功能?uniapp-nice-cropper作为一款基于uniapp框架的高性能图像裁剪组件,为开发者提供了开箱即用的解决方案。该组件以其轻量设计和灵活配置特性,已成为众多移动应用的首选图片处理工具。 项目采用组件化架构设计,核心代码集中在`src/`目录下,包含`cropper.vue`组件文件和`cropper.js`逻辑处理文件,配合`demos

gitblog_01181的博客 435

AI应用架构师实战:半导体器件仿真AI智能体系统搭建

半导体器件仿真(如MOSFET、FinFET等)是芯片设计的核心环节,传统流程依赖专家手动调参、多物理场仿真引擎(如TCAD)耗时(小时级至天级)、经验难以沉淀,导致研发周期长、成本高。如何构建一个AI智能体系统,实现仿真任务的自动化调度、参数智能优化、结果分析与知识沉淀,成为提升半导体研发效率的关键挑战。

移动开发前沿的博客 1222

ENS160传感器原理图设计,已量产(空气质量传感器)

ENS160 是一款集成式数字空气质量传感器,核心优势源于 “MEMS 传感元件 + 内置微处理器” 的架构。

不脱发的程序猿 569

HBuilder X 模拟位置使用的是什么坐标系【腾讯地图-火星坐标系】- 分析排查思路

在确认坐标系时,如何确定至关重要,本文以 HBuilder 内置 api 所用坐标系做分析展开,其他类似框架也可以用类似的思路去分析(虽然文档里能搜到,但分析思路也是很重要的)

RealizeInnerSelf丶 1525

《网络安全自学教程》- Windows安全机制:安全标识符,身份鉴别和访问控制

这篇文章详细介绍Windows和Linux如何标识用户,如何根据标识验证用户身份,如何根据用户身份做访问控制。

wangyuxiang946的博客 1万+

uniapp 实现人脸认证

uniapp实现人脸认证

weixin_41886421的博客 1万+

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

uniapp实现中间平滑凸起tabbar

接下来我们利用clip-path来裁剪出一个弧形的path,然后在tabbar中间盖一个你需要的图片,我这里是加号图。在移动端开发中,tabar是一个使用频率很高的组件,几乎是每个APP都会用到。今天给大家分享一个中间平滑凸起的tabbar组件,有需要的可以做下参考。2、再利用clip-path来裁剪出一个平滑凸起的圆弧,通过设置position来盖在步骤1的普通tabbar上面。啊什么,你还想要图片?

abs625的博客 3353

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

uniapp之实现拖拽排序

最近做uniapp项目的时候需要实现拖拽排序功能,本来准备直接用touchstarttouchmovetouchend三剑客去实现的,但无意中发现uniapp内置了和组件,可快速实现该功能,索性就直接使用该组件,后续对拖拽排序做了一些扩展,希望对你有帮助。拖拽组件源代码放在uniapp插件社区了,有兴趣可以下载下来看看,希望能对你有帮助,如果对该组件有问题,可以评论区留言。

每天都要努力学习哦~~ 1391
上一篇: uniapp-previewImage循环使用的一个小问题
下一篇: YYUC框架
自娱自乐22
博客等级 码龄18年 241粉丝 135原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值