zoukankan      html  css  js  c++  java
  • iscroll.js使用及出现的问题

    iscroll是用来处理页面上拉下拉加载的一个js插件,可同时适用于电脑端及移动端,需要先加载Zepto.js(移动端)或jquery.js,我通过bootstrap做了个移动端的,用的还是jquery,没什么问题。

    这里有部分文档(中文的),还是要学好英文啊。

    基于iscroll实现下拉和上拉刷新(优化)http://www.zhangyunling.com/519.html

    这里也是部分文档,似乎参数说明一样的 http://blog.csdn.net/sweetsuzyhyf/article/details/44195549/

    入门使用方法(仅限于入门) http://wiki.jikexueyuan.com/project/iscroll-5/distory.html

    网上有很多例子,不再列出了

    必须要注意的是,在过程中,下拉区域(即id="wrapper"节点)必须给定一个height,否则首次进入页面上拉无法弹回,不会加载数据!!

    因为我页面头部和底部都有一块浮动的区域,因此wrapper区域高度不能设置为100%,而且不同手机页面高度不同,不能写死,只好动态设置其高度:
      $(window).on("load resize",function(){
          var h=window.innerHeight||document.body.clientHeight||document.documentElement.clientHeight;
           $("#wrapper").css("height",h-97-55);
      });

    此处因为是页面加载完之后再设置的,因此调用js时,如果没有height就没办法获得,所以最好设置一个最小高度min-height 或者height都行,

    就因为这一个问题,浪费我半天时间。。。。。

  • 相关阅读:
    微软面试题
    20个开源项目托管站点推荐
    iis配置好后,解决打开服务器要输入用户名和密码的问题
    C# 调用带输入输出参数的存储过程
    line-height属性总结
    placeholder的字体样式改变,滚动条的颜色改变,ios日期兼容
    表格使用总结
    网页html结构搭建方法总结
    css中的inline-block
    css常用居中
  • 原文地址:https://www.cnblogs.com/mengwangchuan/p/7998974.html
Copyright © 2011-2022 走看看