Iscroll滑动无效

最新推荐文章于 2021-12-10 16:58:13 发布

转载最新推荐文章于 2021-12-10 16:58:13 发布 · 264 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sanfense/p/5146000.html

在做移动端的时候，教程要使用到iScroll.js插件，但是有一个坑一不小心就会踩进去，id='wrapper' 元素上没有设置高度，造成滑动无效，子元素上的transform: translate(x, y) scale(1) translateZ(0px) 的Y值一松手又回到0的状态，要解决这个问题就在在页面初始化的时候给，id='wrapper' 元素上初始化高度，或者开始在CSS上设定高度，这样就解决了。

转载于:https://www.cnblogs.com/sanfense/p/5146000.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30470857

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

iscroll不滑动的坑之一

karolin7的博客

11-19

574

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

移动端iscroll局部滑动效果的实现及遇到的问题

SCT_T的博客

03-31

1万+

移动端局部滑动效果的实现采用的是iscroll插件 ,大家可以看看https://github.com/Slovty/iscroll ,里面有demo ,下载下来自己研究研究就差不多了,接下来讲讲我遇到的问题,记自己. 1.层错位的问题 demo里面设置的是绝对定位( position :absolute),这个问题导致滑动的层充满了整个屏幕,去掉这个css属性就ok了.

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

iScroll 下 a 标签失效

weixin_34417814的博客

10-21

141

遇到个莫名其妙的问题，iScroll 下的 a 标签点击没有反应了，不管怎么调整 z-index 都无效果，很是无语。查找半天后找到解决方法： $(function(){ new IScroll('.sites-ct', { scrollX: true, ...

IScroll 无法上下滚动问题

NightHary的专栏

10-17

9520

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

IScroll拖拽无效

weixin_43021311的博客

10-17

366

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

iScroll4.2.5中的无法滑动或点击的解决方案（转）

weixin_34080903的博客

01-08

672

又见iScroll问题，特别是三星手机和iPhone，顺便提一句，现在的项目中他们给div加了height属性来解决不能滚动问题，个人认为是个非常愚蠢的解决方案，我必须使用media query来解决随之而来的不同手机有不同高度问题，既不能适应所有手机，万一将来有了新手机型号，也会发生问题。不过他们是公司专门雇佣的顾问和专家，我也没辙。转载自： http://www.websqq.org/ar...

iScroll局部使用，使浏览器滑动失效

我给媳妇儿讲java

03-30

6416

原文iScroll 是非常常用的一个开发移动版页面的插件，但是在使用过程中我们发现如果在页面的局部区域使用了iScroll，那么在这个区域不管怎么滑动，iScroll区域可以滑动但是整个页面却是不会滑动了的，查看源码可以发现iScroll的bug所在Default options中onBeforeScrollStart: function (e) { e.preventDefault(); },问题

iScroll左右滑动的时候，阻止了内容的上下滑动 e.preventDefault() 解决办法

小郭书房

04-24

5871

很不错的一个框架！不过此框架会阻止浏览器的默认行为，如左右滑动的时候，这个时候会阻止上下滑动这样对很多文章内容页相对较长的页面显然不适用，修改如下 1:在onBeforeScrollStart: function (e) { e.preventDefault(); }, 修改为onBeforeScrollStart: null, 2:在_move方法里增加（大小可根据需要自行修

iscroll实例化iscroll动态创建不能滑动

weixin_30701521的博客

10-09

149

iscroll实例化iscroll动态创建不能滑动newIScroll(".main")<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><metaname="viewport"...

使用iscroll插件没有滚动效果

Hgh_1997的博客

09-11

569

起因:由于图片是网络上的图片，服务器那边获取的，不是本地资源，所有得要看用户的网速原因:因为图片还没加载好，就开始渲染插件了，会导致父元素没有高度，即不能滚动解决：等获取到所有图片并且加载好之后再去渲染插件的初始js 1.获取所有图片 2.使用load事件，资源加载完成如：以下代码的基本操作 var conms = $(".right ...

解决IScroll滚动插件部分机型点击事件失效的问题

qq_39077394的博客

12-10

1979

之前的项目用到了iscroll滚动插件，网页调试正常，到了真机上部分iOS、android4.4+机型不能触发click事件解决办法：添加一个函数判断机型 myScroll = new IScroll('#wrapper', { click:iScrollClick(), //调用判断函数 scrollbars: true,//有滚动条 mouseWheel: true,//允许滑轮滚动 fadeScrollbars: true//滚动时显示滚动条，默认影藏，

iScroll滑动插件的使用示例

11-21

取消UL默认滑动，做出带滚动条UL滑动的效果很好的使用实例，好不错不错不错不错不错不错不错

解决iScroll 插件在移动端手机页面不能滚动的问题

startMinsk的博客

08-26

1139

解决iScroll 插件在移动端手机页面不能滚动的问题最近在做一个移动端H5的画面，用到了iscroll插件，但是在移动端调试时，并不能滚动，经过一些尝试。我们需要在元素中加入touch-action:none;这个css就ok了。好了，问题解决。 ...

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

热门推荐

STK_tianwen的专栏

01-17

1万+

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

iscroll5的scroll事件不能触发？

qq_36800701的博客

03-03

2003

1、用iscoll-probe.js 2、probeType： 2

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

weixin_42454431的博客

04-16

2919

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

使用iscroll的问题与解决办法

YZi_Angel的专栏

11-24

1690

我们都知道，当列表里数据有很多的时候，我们会考虑将其分为很多条小数据，然后通过滑动事件触发ajax请求数据，然后将数据替换到页面中进行渲染。通常，我们都会考虑使用iscroll插件，但是使用的同时又会出现很多的问题。如下： a)、每个列表上都有一个a链接，但是，当点击的时候没有任何反应。一开始我们可能考虑是上边有覆盖层，当点击页面的时候，不能捕获a标签，但是给其的z-index调大，还是不能

http://oklai.name/ 无法横向拉动 iscroll

u010998408的专栏

11-20

982

解决iScroll横向滚动区域无法拉动页面的问题近期项目中使用iScroll遇到一个问题，在设定wrapper为横向滚动时，如果你手指放在该区域，将无法拉动页面，也就是说该区域取消了默认事件。这个体验是实在是无法接受，特别是页面中有多个横向滚动区域时，很容易触碰到这种区域，这时用户将觉得页面很卡。 Google搜了一下，看来很多人都为这个问题而烦恼。有高人给出了解决方案，在这里可