iscroll

refresh jquery mobile page after load

无人久伴 提交于 2019-12-10 12:15:19
问题 I have two pages, A and B: A --> login page. B --> contain HTML elements and iScoll "pull to refreash" code. evrey thing works fine but when I login from A to B the iScroll content Not appear, if i do refresh for page B the content appear back and work well, this is iScroll code: <script type="text/javascript"> var myScroll, pullDownEl, pullDownOffset, generatedCount = 0; function pullDownAction() { setTimeout(function () { var el, li, i; el = document.getElementById('thelist'); var

IScroll自动计算高度代码

白昼怎懂夜的黑 提交于 2019-12-07 11:37:40
setScrollHeight: function () { var temp_height = 0; temp_height = $("#" + this.wrapperId).height(); try { var showHeight = (window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight) - this.headAndBottomHeight; if (temp_height !== showHeight) temp_height = showHeight; } catch (e) { ; }; $("#" + this.wrapperId).height(temp_height); if (!this.isNoData)//有数据 { $("#" + this.scrollId).css("min-height", temp_height + 1); $("#" + this.scrollId).height(""); $("#" + this.scrollId).height($("#" + this.scrollId).height()+20); } else {//无数据 $("#" + this.scrollId).css("min

Multiple iScroll elements on same page

☆樱花仙子☆ 提交于 2019-12-06 03:37:26
问题 I'm making a mobile website with jQtouch and iScroll. I wan't to get multiple scrollable areas with iScroll, but only of the lists works with iScroll... I tried with this: var scroll1, scroll2; function loaded() { scroll1 = new iScroll('wrapper'); scroll2 = new iScroll('list_wrapper'); } But without luck. Anyone have a solution that's working? My html: <div id="wrapper"> <ul> <li><a href="#">Test</a></li> </ul> </div> <div id="list_wrapper"> <ul> <li><a href="#">Test</a></li> </ul> </div> 回答1

Improving iScroll performance on a large table

孤街浪徒 提交于 2019-12-04 16:20:19
问题 I'm updating a table header and its first column positions programatically based on how the user scrolls around to keep them aligned. The issue I'm experiencing is that as soon as my data sets gets big enough, the scrolling gets more and more choppy/less smooth. The relevant code is at the very bottom of the fiddle: iScroll.on('scroll', function(){ var pos = $('#scroller').position(); $('#pos').text('pos.left=' + pos.left + ' pos.top=' + pos.top); // code to hold first row and first column $(

iScroll lite find when I have reached the end of the scroll or bottom of the element

巧了我就是萌 提交于 2019-12-04 08:51:51
Ok I've been searching and searching for an answer, but have yet to find one in the general area I am looking for. Not being supremely familiar with iScroll (a former developer on this project added it in, and I am now taking it over). I have been trying to figure out where to begin with iScroll. Right now all seems to work accordingly as far as scrolling up and down. But I want to add some functionality to the overall app thats been developed, such as getting older data and appending it to the more recent data thats listed at that time. An infinite scroll. Pulling in the data via ajax, and

Multiple iScroll elements on same page

六月ゝ 毕业季﹏ 提交于 2019-12-04 08:05:57
I'm making a mobile website with jQtouch and iScroll. I wan't to get multiple scrollable areas with iScroll, but only of the lists works with iScroll... I tried with this: var scroll1, scroll2; function loaded() { scroll1 = new iScroll('wrapper'); scroll2 = new iScroll('list_wrapper'); } But without luck. Anyone have a solution that's working? My html: <div id="wrapper"> <ul> <li><a href="#">Test</a></li> </ul> </div> <div id="list_wrapper"> <ul> <li><a href="#">Test</a></li> </ul> </div> I'm using this approach. Html: <div class="carousel" id="alt-indie"> <div class="scroller"> <ul> <li></li>

iScroll a dynamically filled div ONLY without scrolling main page also

蓝咒 提交于 2019-12-04 04:28:39
问题 So this post might get lengthy but I'm stuck with iScroll. What I'm doing is populating my list with articles and when one gets clicked, I'm sliding in a div over the list to display the article. That part works but what doesn't is when I scroll through the article and get to the end, it keeps scrolling the list with articles. You can have a look here (the site is in russian but click on an article and scroll all the way to the bottom). Here's my entire code: <head> <style> body{ padding: 0;

iScroll 滚动插件使用

喜欢而已 提交于 2019-12-03 03:43:27
iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件。 官网:http://iscrolljs.com/ > 它可以在桌面,移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。 > iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll,你的项目便拥有了滚动,缩放,平移,无限滚动,视差滚动,旋转功能。给它一个扫帚它甚至能帮你打扫办公室。 即使平台本身提供的滚动已经很不错,iScroll可以在此基础上提供更多不可思议的功能。具体来说: - 细粒度控制滚动位置,甚至在滚动过程中。你总是可以获取和设置滚动器的x,y坐标。 - 动画可以使用用户自定义的擦出功能(反弹'bounce',弹性'elastic',回退'back',...)。 - 开箱即用的多平台支持。从很老的安卓设备到最新的iPhone,从Chrome浏览器到IE浏览器。 ## 快速入门 > 最好的学习iScroll的方法是看示例。在存档文件中你会发现一个叫做`demo`的文件夹[示例](https://github.com/cubiq/iscroll/tree/master/demos)。这里有大多数脚本功能的概述。 `IScroll`是一个类,每个需要使用滚动功能的区域均要进行初始化

IScroll在某些win10版本下的奇怪问题

☆樱花仙子☆ 提交于 2019-12-02 15:36:06
客户的电脑环境: win10版本 企业微信: useragent mozilla/5.0 (windows nt 6.2; wow64) applewebkit/537.36 (khtml, like gecko) chrome/53.0.2785.116 safari/537.36 qbcore/4.0.1268.400 qqbrowser/9.0.2524.400 mozilla/5.0 (windows nt 10.0; wow64) applewebkit/537.36 (khtml, like gecko) chrome/53.0.2785.116 safari/537.36 wxwork/2.8.16 (micromessenger/6.2) windowswechat 初始化IScroll时必须设置为click:false才可以,否则就会出现页面按钮无法点击现象,其他win10机器使用click:true正常。 来源: https://www.cnblogs.com/zhaogaojian/p/11751905.html

iscroll.js的简单使用方法

醉酒当歌 提交于 2019-12-02 02:05:58
参考链接: https://www.cnblogs.com/Renyi-Fan/tag/js%E6%8F%92%E4%BB%B6/default.html?page=2 目录 一、总结 一句话总结:Scroll是一个类,每个需要使用滚动功能的区域均要进行初始化。 二、iscroll.js的简单使用方法(总结) 回到顶部 > 一、总结(点击显示或隐藏总结内容) 一句话总结:Scroll是一个类,每个需要使用滚动功能的区域均要进行初始化。 最佳的 HTML 结构如下: <div id="wrapper"> <ul> <li>...</li> <li>...</li> ... </ul> </div> iScroll作用于滚动区域的外层。在上面的例子中,UL元素能进行滚动。只有容器元素的第一个子元素能进行滚动,其他子元素完全被忽略。 最基本的脚本初始化的方式如下: <script type="text/javascript"> var myScroll = new IScroll('#wrapper'); </script> 回到顶部 二、iscroll.js的简单使用方法(总结) 原文链接: http://caibaojian.com/iscroll-js.html 这篇文章讲到了iscroll的一些使用入门、参数配置和示例,并讲到了滚动条的接口,自定义事件和销毁动作等。原文: