`
flex_莫冲
  • 浏览: 1096236 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

iscroll初始化无法生成滚动条的问题解决

阅读更多
究其原因是因为iscroll无法取得wrapper的offsetHeight的值。而导致无法取得的原因一个是因为DOM未加载完,自然取不到。这个可以通过在firebug中执行console.log(wrapper.offsetHeight);
察看是否能取得值。若能取到说明firebug能取到。而在初始化取不到就是时机的问题。

若figbug的控制台依然取不到值,则说明offsetHeight确实是0。

为什么会是0呢?注意,iscroller的内容元素是不能用float浮动层的。用float也就拿不到offsetheight。因此检查内容元素是否设置了float样式。若有则去掉。

分享到:
评论

相关推荐

    手机端加滚动条iscroll-lite

    `iscroll-lite`是一个轻量级的JavaScript库,专门用于解决手机端的滚动问题,提供流畅的滚动效果。本文将深入探讨`iscroll-lite`的相关知识点。 ### 1. `iscroll-lite`简介 `iscroll-lite`是`iScroll`库的一个简化...

    【iscroll-master移动web绚丽的滚动条

    iscroll的使用并不复杂,只需引入iscroll.js文件,然后初始化iscroll对象,指定需要滚动的容器元素即可。例如: ```html <!-- 需要滚动的内容 --> var myScroll = new IScroll('#wrapper', { scrollbars: ...

    【iScroll源码学习03】iScroll事件机制与滚动条的实现.pdf

    iScroll在构造函数中通过`_initEvents`方法初始化事件监听。它调用了`eventType`函数,根据`remove`参数决定是添加还是移除事件。`eventType`内部调用`addEvent`或`removeEvent`方法,这两个方法分别负责添加和删除...

    iscroll开发多层滚动嵌套

    1. **初始化iscroll实例**:首先,你需要为每个滚动区域创建一个iscroll实例,指定对应的DOM元素和相关配置参数,例如滚动方向(水平或垂直)、是否启用鼠标滚轮、是否开启zoom功能等。 2. **事件处理**:iscroll...

    iScroll 5 移动端 局部滚动插件

    这款插件由Davide Cassenti开发,旨在解决移动设备上原生滚动的性能问题,提供平滑、流畅的滚动体验。在iOS平台上,由于浏览器对触摸事件的处理方式,原生的滚动可能会出现卡顿或延迟,而iScroll 5通过优化和自定义...

    iscroll移动app滚动分页demo

    在移动应用开发中,用户体验是至关重要的,尤其是对于数据量庞大的内容展示,如何优雅地处理滚动和分页问题,既能保证流畅性,又能减少网络请求,iscroll是一个很好的解决方案。本示例“iscroll移动app滚动分页demo...

    iscroll分页滚动(加回到顶部)

    在分页滚动的应用场景下,iscroll可以用来创建一个虚拟滚动条,只加载视窗内的内容,从而减少页面内存占用,提高页面加载速度。 **1. 下拉滚动刷新(Pull to Refresh)** 下拉刷新是iscroll的一个常见用法,当用户...

    iscroll插件

    2. **初始化iscroll实例**:在HTML结构中定义一个滚动容器,并在JavaScript中创建iscroll实例,指定滚动区域、配置参数等。 ```javascript var myScroll = new IScroll('#wrapper', { scrollbars: true }); ``` 3...

    iscroll触屏滚动

    在移动Web开发中,由于浏览器的默认滚动行为与用户交互的期望不完全匹配,iscroll应运而生,它提供了一种自定义滚动效果的方式,支持高性能的滚动、平滑滚动、滚动条控制以及多种滚动方向(横向和纵向)。...

    iscroll5 滑动 滚动

    3. **初始化iscroll对象**:在JavaScript中创建iscroll实例,指定滚动容器和配置参数。 ```javascript var myScroll = new IScroll('#wrapper', { scrollX: true, // 是否开启横向滚动 scrollY: true, // 是否...

    iscroll-4 滚动内容

    iscroll 是一款轻量级的JavaScript库,专为移动设备设计,主要用于解决在iOS、Android等平台上实现流畅的滚动效果的问题。iscroll-4是这个库的一个版本,它提供了一个高效且自定义程度高的解决方案,可以在固定高度...

    iScroll 实例:下拉刷新,滚动翻页

    1. **引入iScroll库**:首先,你需要在HTML文件中引入iScroll的JS文件,确保在DOM加载完成后初始化iScroll实例。 2. **创建滚动容器**:在HTML中定义一个包含内容的div,作为iScroll的滚动区域。 3. **配置iScroll**...

    页面滚动分页---iScroll实例:下拉刷新,滚动翻页

    - 初始化iScroll对象,传入容器元素和配置项,例如启用下拉刷新和滚动分页。 - 监听`onRefresh`和`onEnd`事件,根据事件处理数据加载逻辑。 - 数据加载完成后,更新DOM,并调用`refresh`方法。 4. **性能优化**...

    滚动分页,iscroll

    3. **初始化iscroll实例**:在JavaScript中,你需要创建一个iscroll实例,指定滚动容器的ID和其他配置选项。例如: ```javascript var myScroll = new IScroll('#scroller', { scrollbars: true, mouseWheel: ...

    iscroll4

    2. **初始化iscroll对象**:在JavaScript代码中,创建一个iscroll实例,指定滚动区域的DOM元素和配置参数。 ```javascript var myScroll = new iScroll('wrapper', { scrollbars: true, // 是否显示滚动条 ...

    学习使用jquery iScroll.js移动端滚动条插件

    iScroll.js是一款专为移动端设计的滚动条插件,它主要解决了在WebKit浏览器(如iPhone、Android设备)中,由于浏览器自身的滚动性能问题而产生的滚动不流畅的现象。iScroll通过JavaScript实现了平滑、高效的滚动效果...

    iScroll4.2.5下拉刷新滚动翻页

    3. **初始化iScroll**:在页面加载完成后,通过JavaScript调用`new iScroll()`方法,并传入相应的参数,其中`pullDownRefresh: true`表示启用下拉刷新功能。 4. **添加下拉刷新元素**:在滚动容器顶部添加一个隐藏的...

    iscroll-refresh, iscroll5 多选项卡 上拉刷新 下拉加载.zip

    2. **配置初始化**:在JavaScript代码中,你需要创建一个新的iscroll实例,配置相应的参数,如容器元素、滚动方向、是否启用上拉刷新和下拉加载等。 3. **事件监听**:iscroll5提供了`on`方法来监听滚动事件,如`...

    iscroll demo

    **iscroll 演示项目详解** ...总结来说,iscroll是一个强大的滚动解决方案,尤其适用于移动设备。通过学习和实践`iscroll demo`,开发者能够掌握iscroll的使用,提升网页滚动体验,为用户提供更加流畅、自然的交互。

Global site tag (gtag.js) - Google Analytics