移动端内容超出容器滑动会卡的解决办法

建议不采用flex布局,滑动会卡

  

直接采用最原始的:

1.在最外层给定一个width(height)值,固定容器的宽高,然后overflow:auto;

2.它里面的内容超出的会容器就会自动滑动了。

注意:里面的内容如果加了float:left浮动,则需要给内容ul加总宽度,不然li不会浮动到左边了。

html结构:

<div class=" contain ">  //容器给定给定一个值(宽或高)再加上overflow:auto;

  <ul> //li不浮动时不用加什么,li左浮动,就要加总宽度了

    <li>...</li><li>...</li><li>...</li><li>...</li><li>...</li><li>...</li><li>...</li>

  </ul>

</div>

时间: 2024-11-05 16:00:37

移动端内容超出容器滑动会卡的解决办法的相关文章

android 自定义adapter和线程结合 + ListView中按钮滑动后状态丢失解决办法

adapter+线程 1.很多时候自定义adapter的数据都是来源于服务器的,所以在获取服务器的时候就需要异步获取,这里就需要开线程了(线程池)去获取服务器的数据了.但这样有的时候adapter的中没有数据. 如下面的代码: 这就是在initData中异步获取服务器的数据,然后实例化adatper,再将adapter赋给listView. 2.initData()中的代码是: 这里线程要睡眠5秒钟,是为了模仿网络的耗时操作 3.Handler: 在Handler中接收到数据后给list赋值后,

mstsc 终端服务器超出了最大允许连接的解决办法

终端服务器超出了最大允许连接的解决办法 win7系统:运行,输入mstsc /v xxx.xxx.xxx.xxx /admin win2003系统:运行,输入mstsc /v xxx.xxx.xxx.xxx /console 解决远程pc的回话满了后,无法登录问题

android viewpager fragment切换时界面卡顿解决办法

目前开发的程序在切换View时界面卡顿现象比较严重,影响用户体验,当前项目共就四个View,每个View也只是按钮,所以可以同时加载,不让其它view销毁. 只需在Adapter中重载destroyItem类即可 @Override public void destroyItem(ViewGroup container, int position, Object object) { //重载该方法,防止其它视图被销毁,防止加载视图卡顿 //super.destroyItem(container,

Gallery实现快速拖动只滑动一页的解决办法

 这年头用gallery的已经很少了,此文提供一个一次滑动只滑动到下一页的方法(包括快速滑动). import android.content.Context; import android.util.AttributeSet; import android.view.KeyEvent; import android.view.MotionEvent; import android.widget.Gallery; public class RecommendGallery extends G

VM虚拟机启动夜神模拟器卡99%解决办法

VM虚拟机启动夜神模拟器卡99%解决办法 本人出现的情况: 物理机装的是win7系统,安装了vmware14(安装过程未出现报错),在vmware14 上 win10系统(安装过程未出现报错),安装夜神模拟器(安装过程未出现报错),启动卡99%,提示退出安全软件后重试. 但是我虚拟机上压根没有装安全软件! 自己尝试了很多办法: 1. 关闭虚拟机系统的防火墙(未解决) 2. 开启VT 3.下载不同版本的夜神模拟器(未解决) 4.安装不同版本的Window 系统(未解决) 5.安装不同版本的vmwa

新版本MacBook Pro 微信卡顿 解决办法

环境: 型号:MacBook Pro (16-inch, 2019) 处理器:2.6 GHz 六核Intel Core i7 版本:10.15.3 (19D76) 现象:切换到微信时卡顿,输入文字,发送消息时,卡顿 解决办法: 关闭自动切换独显 操作:#强制使用核显(集成显卡)sudo pmset -a GPUSwitch 0#强制使用独立显卡sudo pmset -a GPUSwitch 1#自动切换(切记不要使用这个)sudo pmset -a GPUSwitch 2 参考资料:http:/

常见的移动端H5页面开发遇到的坑和解决办法

转自:https://www.cnblogs.com/LiuJL/p/7744473.html 1.安卓浏览器看背景图片,有些设备会模糊. 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2.现在android比较乱,有1.5的,有2的也有3的.

vim下单行长文本的时候卡顿解决办法

在vim编辑文件时,若单行过长,可能会导致vim卡顿,严重影响使用体验 估计是syntax匹配效率过滥导致.. 偶尔发现了一个临时的解决办法就是关掉syntax然后再打开,即在命令模式下 :syntax off :syntax on 参考:http://www.zhihu.com/question/33623946/answer/57172100 http://www.douban.com/group/topic/28307548/

vue框架下,echarts图表外部容器宽度设置为百分比时内容超出容器以及echarts图表自适应的实现方案

在vue.js框架下,创建echarts图表,当图表的外部容器的宽度设置为百分比时,出现图表内容宽度超出其外部容器的情况,几番调试,得解决方案如下: (备注说明:问题产生的具体原因尚不清晰,后面若知晓了再补充,但是初期解决问题阶段一定不要钻牛角,不是一开始就能或者可以知道真理的) 在创建了echart对象之后,就调用一次echart的resize方法,同时,获取图表数据的方法应该是异步的,如果是初期调试模拟也要用setTimeout延迟一下,0秒即OK了. methods: { ...mapAc