- 2024-09-10uniapp开发H5手机内置浏览器列表页面上滑地址栏隐藏导致页面底部出现空白的解决方法
前言:使用滚动组件一般都需要设置一个固定高度,但有些浏览器上滑会隐藏地址栏,然后窗口的windowHeight变大,滚动组件底部就出现了空白,如下图:处理这个问题,就需要再窗口尺寸变化的时候重新设置滚动组件的高度了。解决方案:使用uniapp的OnReSize生命周期中对滚动组件高度进行重新赋
- 2024-08-15uniapp movable-area、movable-view实现上下滑动
效果图: <movable-areaclass="move-content"@touchmove.stop><movable-viewclass="move-incontent":style="'height:'+movableHeight+'rpx'":y="initY"
- 2024-04-17小程序上是实现拖动悬浮图标
小程序上是实现拖动图标效果index.wxml<view><viewclass="move-box"catchtouchmove="buttonMove"bindtouchstart="buttonStart"style="top:{{buttonTop}}px;left:{{buttonLeft}}px;">悬浮图标
- 2024-02-26uniapp nvue页面 map地图全屏设置
因为nvue页面:100vh以及百分比不可用,所以1,可以获取当前屏幕高度然后赋值<map:latitude="latitude":longitude="longitude":style="'height:'+windowHeight*2+'rpx;'"></map>const{windowWidth,windowHeight,appName}=
- 2024-02-26解决uni-app 输入框,键盘弹起时页面整体上移问题
我们每次在做UNIAPP小程序和H5遇到输入框时,总会在测试的时候点击输入框弹出软键盘把页面往上移动,仔细翻读uniapp文档的时候发现了一个属性adjust-position:Boolean类型,作用是键盘弹起时,是否自动上推页面1.发现将adjust-position属性设置为false。就可以了。前提是vue页面softin
- 2023-03-29移动端实现页面滚动到下面,自动加载更多
css代码.box{width:500px;height:500px;overflow-y:auto;}html<divclass="box"ref="box"><!--列表内容放在这里--><!--列表内容如果
- 2022-12-07Vue 实时获取屏幕宽高
exportdefault{name:'page-index',data(){return{windowWidth:document.documentElement.clientWidth,//实时屏幕宽度
- 2022-10-20使用vue-contextmenujs鼠标右键菜单时,当高度不够时显示不全的问题
之前是采用npm或者yarn直接装包vue-contextmenujs的形式:npminstall当右键点击记录时,完整展示应该是如下图所示: 结果,当点击靠前的记录时,顶部一部分记录被浏览器给
- 2022-10-20使用vue-contextmenujs鼠标右键菜单时,当高度不够时显示不全的问题
之前是采用npm或者yarn直接装包vue-contextmenujs的形式:npminstall当右键点击记录时,完整展示应该是如下图所示: 结果,当点击靠前的记录时,顶部一部分记录被浏览器给