移动端
o_o6666
学学学学
展开
-
移动端安卓系统键盘弹起再收起页面无法滚动问题
首先,要在安卓系统出现这种情况经过我反复测试需要满足两种情况,才会触发:1、最外层样式高度使用100vh;2、页面内容高度没有撑满一屏;解决方式:通过监听键盘弹起、收缩来更改高度值html<div class="wrapper"> <div class="prob_sugg_detail contain_main" ref="main"> <van-tabs v-model="active" scrollspy原创 2021-11-12 17:30:15 · 3063 阅读 · 0 评论 -
移动端(H5)监听滚动、惯性滚动及pc端滚动(原理通过定时器)
根据项目需求,实现类似微信下滑加载历史记录,vant组件库是上拉加载,所以自己百度并实现下滑加载,主要监听滚动事件。因为项目有pc及移动,所以移动和pc要分开监听pc端:if (document. ) { //firefox document.addEventListener("DOMMouseScroll", this.onRefresh, false);} //滚动滑轮触发scrollFunc方法 //ie 谷歌window.onmousewheel = document.o原创 2021-11-12 17:15:40 · 3833 阅读 · 0 评论 -
vue 之 draggable(移动端安卓兼容问题)
之前在移动端项目中,拖拽功能我使用了draggable这个插件,因为PC端使用感很好。但是,这个插件在移动端存在安卓的兼容问题,解决方法 <draggable v-model="draggData" class="vux-flexbox vux-flex-row" :end="end" :options="{handle: '.dd'}" style="flex-wrap:wrap" > <flexbox转载 2020-11-13 19:02:52 · 2511 阅读 · 0 评论