小程序如何把按钮位置固定,不随手机屏幕上下滑动而变化

news/2025/2/4 18:32:15/

做了一款任何页面返回首页的按钮,代码如下

.back_home{

position: fixed;

width:120rpx;

height:60rpx;

top: 50rpx;

left: 0px;

font-size: 24rpx;

}

 

<div style="z-index:30">  //用div使按钮在最高层,不会被遮挡

<button bindtap='backToIndex' class="back_home" >

<text>首页</text>

</button>

</div>

效果如下。上下滑动屏幕,按钮位置始终不变。


http://www.ppmy.cn/news/764105.html

相关文章

adb模拟三指划动,安卓通过adb 模拟键盘输入、点击屏幕、滑动、按键

1. 模拟键盘输入 adb shell input keyboard text "abc" 2. 模拟点击屏幕指定位置 adb shell input tap 500 500 3. 模拟滑动 从(500,800)滑动到(500,300) adb shell input swipe 500 800 500 300 4. 模拟Home按键 adb shell input keyevent 3 附录 安卓按键code值 KE…

h5上下滑动动画效果(vue)

1.详情介绍 图片可以使用网络图片&#xff0c;根据请求过来的图片来获取高度要控制滑动的位置可以换成视频&#xff0c;要实现滑动播放视频的效果&#xff0c;并且可以在上面添加一些其他的功能、白色背景区域可以展示对应的数据具体效果看文章末尾 2.编码介绍 template部分 &l…

android 开启屏幕固定,【玩机组】90%安卓用户都不知道的实用功能:屏幕固定

说到打游戏防止误触实体键这个场景,各位玩游戏的朋友一定觉得很实用。 如果刷了第三方的系统,导致没有这个功能了,或者买来的手机官方不支持这功能,此屏幕固定功能了,了解一下。 此外,可能还有这些场景: 1,家长把手机给小孩子看动画片、玩游戏,防止小孩脸滚键盘乱发微…

手机桌面左右滑屏不成功问题log分析

问题背景 滑动测试&#xff0c;单手握持测试机&#xff0c;大拇指在测试机桌面做左右滑屏操作&#xff0c;偶现滑屏不成功。 问题分析步骤 &#xff08;1&#xff09;首先根据“视频”或者“log中关于问题现象的关键log”确定“问题发生的大致时间段”和“问题发生时的具体操作…

adb控制手机屏幕滑动

前言&#xff1a; 这个用的是小米手机&#xff0c;在“开发者选项中”把 “USB调试”和**“USB调试&#xff08;安全设置**&#xff09;”两个都打开&#xff0c; 也可以把 指针位置 打开 来看触控点在屏幕的坐标&#xff1a; 2 adb 划动相册 其中 1.choice /t 1 /d y /n &…

全板子题G划 P2

【模板】最近公共祖先&#xff08;LCA&#xff09; 水温逐渐升高 #include<bits/stdc.h> using namespace std; const int N 5e5 10; int n,m,s; vector<int> ed[N]; int dp[N][21],dep[N];void dfs(int x,int fa){for(int i 1;i < 20;i)dp[x][i] dp[dp[x…

【移动端】滑动验证致使整个屏幕都在动

最近发现一款JQ图片滑动验证的代码。当手机端拖动按钮元素时&#xff0c;会触发手机浏览器自带事件&#xff0c;导致滑动失效或切屏&#xff0c;并且浏览器报错。 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as pas…

移动端滑动验证为什么整个屏幕都在动?

开发手机移动端验证时&#xff0c;发现拖动元素会触发手机浏览器自带事件&#xff0c;导致滑动失效或切屏&#xff0c; 解决方法&#xff1a; html{touch-action:none;touch-action:pan-y; }var startX,startY;document.addEventListener("touchstart",function(e)…