iscroll不能滑动的一个原因

最新推荐文章于 2023-01-10 18:04:40 发布

maohuihua

最新推荐文章于 2023-01-10 18:04:40 发布

阅读量5.8k

点赞数

本文链接：https://blog.csdn.net/maohuihua/article/details/51376082

版权

今天在做项目时，碰到一个很蛋疼的问题。iscroll不能滑动。iscroll的高度始终为0.

开始以为是加载的问题。在dom初始化完毕之前，初始化了wrapper，后来发现不是。

网上有文章说，是wrapper的高度要小于iscroll的高度才行，我试了一之后，发现还是不能滑动。

最后一个大牛帮我解决了，是iscroll中的table的样式position设为了absolute，脱离了文档流。

要去掉才行，哎是时候补补CSS的课了。

看来做程序员，基础也很重要啊！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

maohuihua

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

iscroll不滑动的坑之一

karolin7的博客

11-19

490

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 List item 欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你

react-swipeable-tab:带有iscroll的可滑动和异步加载选项卡组件

05-05

一个可滑动切换，异步加载数据，具有流畅滚动特性的 React-Tab 组件参考了提供的组件，在此基础上进行了功能特性的丰富使用 install npm i react-swipeable-tab --save import import { Tab, Tabs, TabList, ...

参与评论您还未登录，请先登录后发表或查看评论

我遇到的iscroll.js 无法滑动的问题

weixin_42454431的博客

04-16

2830

最近在H5开发，用到了iscroll 的上拉加载和下拉刷新，遇到了无法滑动的现象，下面是初始化代码， myScroll = new IScroll('#content', { probeType: 2,//probeType：1对性能没有影响。在滚动事件被触发时，滚动轴是不是忙着做它的东西。probeType：2总执行滚动，除了势头，反弹过程中的事件。这类似于原生的onscroll...

使用iscroll，无法正常滑动的原因

weixin_30363981的博客

09-13

715

iscroll的dom元素的结构是固定的，swiper是容器，scroll是需要滚动的容器，list是滚动的内容 <div class="swiper"> <div class="scroll"> <div class="list"></div> </div> </div> ...

IScroll 无法上下滚动问题

NightHary的专栏

10-17

9416

最近需要做一个移动端查看图片的需求，要求图片可以缩放，但是移屏又无法显示完整张图片，所以就需要上下滑动。但是遇到了一个奇怪点问题，即界面居然无法滑动，图片无法显示完全。后面仔细测试才发现问题的所在。其实原因很简单，在图片没有加载出来的时候我就初始化了iscroll，这样就会导致iscroll无法滚动，所以我们需要这样做 var img = document.getElementById("p

iscroll 移動端向上滑不動

losedguest的博客

07-04

544

#wrapper { position:absolute; z-index:1; top:45px; bottom:3px; left:0; width:100%; overflow:auto; } 可能只是沒有設定 top和bottom 不設置 top和bottom，即使使用height限定高度也可能沒有用...

vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果

10-17

Vue.js作为一款流行的前端框架，结合Any-Touch手势库，我们可以轻松创建类似IScroll的拖拽和滑动动画效果，而无需引入大量额外的代码。 **IScroll的原理** IScroll的核心在于通过CSS3的`transform`属性的`translate...

iscroll5 滑动滚动

07-05

iscroll5是该库的一个版本，专注于解决移动设备上的滚动问题，提供平滑、流畅的滚动体验。在iscroll5中，开发者可以实现自定义滚动条、无限滚动、触摸滑动等多种功能，极大地优化了用户的交互体验。 **一、iscroll5...

iscroll块遇到原生滑动不能滑

zerofine的专栏

01-16

1334

这种情况是因为iscroll屏蔽了原生的操作使用了event.preventDefault();所以我们可以针对这个判断是否需要调用这个方法，在iscroll源码里可以找到_start和_move防范，里面都有event.preventDefault() _start方法： _move if ( this.options.preventDefault ) { // increases per

JQuerymobile中使用iscroll5无法滚动的问题。

热门推荐

STK_tianwen的专栏

01-17

1万+

仿照例子做了一个，但是无法滚动。下拉刷新... js var iScroll = new IScroll('#wrapper', {probeType:1, tap:true, click:false, mouseWheel:true, interactiv

iscroll5.js chrome新版拖动bug修改

05-05

针对新版chrome拖动失效做了处理，还加入了下拉刷新及上拉加载更多的demo

IScroll拖拽无效

weixin_43021311的博客

10-17

314

在写项目中使用了IScroll，发现在页面加载没问题但就是却拖拽不了刚开始以为是插件没有生效，然后给拖拽绑定了三个事件进行检测 this.scroll.on('scrollStart',()=>{ console.log(1); }); this.scroll.on('scrollEnd',()=>{ console.log(3); }) this.scroll.on("scroll", () => { consol

关于iscroll滚动插件，在iOS下面，上拉之后无法回弹的问题

欢迎来到燕子的博客！

12-05

2421

关于iscroll滚动插件，在iOS下面，上拉之后无法回弹的问题场景：项目运用iscroll做分页，发现在ios上面上拉，只要手指碰到native 的导航之后就发现页面无法会弹解决思路：判断页面手指滚动靠近页面可视区域就让其回弹if((this.y < this.maxScrollY) && (this.pointY < 1)){ this.scrollTo(0, this.maxScrollY,

手机上下左右滑动html,iScroll.js 手机上下左右菜单滑动问题

weixin_32080327的博客

06-07

426

iScroll.js 手机上下左右菜单滑动问题首先下载下载iScroll.js百度搜索iScroll.js，或者从这里下载http://pan.baidu.com/s/1bntS73x第一：引入 iscroll.js，这个不用多说把第二：主要代码:编写规范的html格式只有如下格式才能实现滑动效果这个区域可以滑动如下格式不能滑动这个区域可以滑动这个区域不可以滑动了只有wrapper的第一个子...

运用iscroll.js遇到的问题

weixin_30657999的博客

12-17

172

1.无法滑动的问题　　需要检查iscroll.js文件加载上没有，如果加载上检查一下它和jquery文件加载的先后顺序。wrapper的position必须得写，bottom也必须得写。 2.滑不上去的问题　　wrapper的height设置成了100%。所以出现这个问题，把这个属性去掉了好了 3.页面滑动不流畅（这样是暂时行可以，还没找到更好的解决办法）　　　#sc...

isScroll的滚动组件的用法

weixin_34357267的博客

10-09

2142

<div class="wrapper"> <ul> <li>1</li> <li>2</li> <li>3</li> </ul></div> .wrapper{ position:relative; //这个属性必须写...

css中overflow属性失效，页面始终不能滚动显示溢出的内容