移动端
Chenming_321
路是没有尽头的
展开
-
灰色网站的方法
灰色网站,filter,滤镜原创 2022-12-07 18:04:26 · 2215 阅读 · 1 评论 -
监听页面左右/上下滑动事件
监听页面左右/上下滑动事件<template> <view @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend" class="touch"> 上下/左右 滑动 </view></template><script> export default { data() { return { /* 移动所需参数 */ start原创 2021-11-08 17:48:51 · 1418 阅读 · 0 评论 -
禁止IOS H5的滑动回弹问题
想禁止这个行为只要引入一个库就可以了gitHub<script src="./inobounce.min.js"></script>这个库是禁止了整个页面的滑动,我们需要在滚动的盒子外面加上height or max-height, overflow: auto , -webkit-overflow-scrolling: touchok...原创 2020-01-16 10:33:06 · 3886 阅读 · 0 评论 -
解决移动端css-fixed 在ios引发的抖动
大佬的参考:http://www.zhangyunling.com/684.html首先,IOS想要页面的滚动变得流畅,所以才有的这个元素:-webkit-overflow-scrolling,那么这个属性的存在,就可能会引起一些其他的问题,这个解释不了更多了…还有,语义化标签是个很重要的概念,这里也更进一步的说明了这个问题,其实,在最初之所以把fixed元素,放在其他的元素内部,主要是为了之...原创 2020-01-03 17:18:46 · 2463 阅读 · 0 评论 -
使用vue移动端实现自适配
1.首先把安装amfe-flexible,这里使用npm installnpm i -S amfe-flexible复制代码2.在入口文件main.js中引入import ‘amfe-flexible/index.js’复制代码3.在根目录的index.html 的头部加入手机端适配的meta代码<meta name="viewport" content="width=device...原创 2019-11-07 14:43:38 · 255 阅读 · 0 评论 -
jq在移动端滚动到顶部失效解决方法
这两天写了一个h5的活动页面,页面里面有个需求就是点击滚动到顶部;这种写过很多次;之前也没有出现过问题;而且写的时候在电脑端测试是没有问题的;代码是这样的e$(function(){ // 返回顶部$('.mainTitle5 .goToTop').click(function(){ $('html,body,window').animate({ scrollTop: 0 ...原创 2019-10-30 15:58:53 · 1280 阅读 · 2 评论 -
div背景图片之间存在的缝隙解决方法
解决方法:1.在div上加上:margin-top:-0.01rem;不一定是0.01rem;反正是负数;(最小数)或者:将图片:background-size: cover;铺满整个盒子即可;根据自身代码条件做参考哈;希望对您有帮助~...原创 2019-10-30 15:48:35 · 5560 阅读 · 0 评论 -
前端写一个弹窗背景不滚动并且无滑动到底部
css:.bodyFixed { overflow-y: hidden !important;}弹窗显示 $("body").addClass("bodyFixed"); 弹窗关闭 $("body").removeClass("bodyFixed");但是这样在ios 会有一个Bug;就是背景还是可以滚动;解决方法: $(".Dialog").on("touchmo...原创 2019-10-11 17:50:32 · 458 阅读 · 0 评论 -
web解决ios滑动不流畅
每次公司搞活动时,写的web单页移动端次次在IOS有问题;滑动不流程100%中;经过多次今天的我终于解决了;由于当absolute定位的容器内存在relative定位并且高度大于外置容器时,容器的滚动会出现卡顿闪烁现象这是一部分原因;还有就是本身body,html;一般网上查的一大推都是说加上;-webkit-overflow-scrolling: touch;/* 解决ios滑动不流畅...原创 2019-09-05 16:12:11 · 786 阅读 · 0 评论 -
移动端iOS滑动bug
移动端iOS滑动bug;只有body,html加上overflow:hidden;页面过长之后滑动不顺滑;不能加;将超出页面元素设置回来即可;移动端原创 2019-08-30 18:36:32 · 536 阅读 · 0 评论 -
wenire真机调试
今天又尝试了真机测试,使用的是 wenire真机调试:网上参考了多种方式;这种比较方便又适合于我;给大家分享一下哈;Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具,借助于网络,可以在PC上直接调试运行在移动设备上的远程页面。需要准备的:1.node.js;2. 本地服务器:可以使用http-server、tomca...原创 2019-08-02 12:53:08 · 580 阅读 · 0 评论