草庐IT

iscroll4

全部标签

javascript - 如何在 iScroll 中为滚动条设置动态宽度?

在这个例子中http://bit.ly/t2ImYS所有元素的包装宽度都是固定的8520px#scroller{width:8520px;height:100%;float:left;padding:0;}我要width动态的,所以如果我在中添加更多元素这个#scroller应该采用其中元素的宽度。于是尝试设置宽度#scroller{width:100%;}和#scroller{width:auto}但是滚动条无法正常工作。有没有办法得到width在%卷轴正常工作? 最佳答案 将li元素设置为display:inline-block

javascript - iscroll scrollToElement 不更新 currPage 变量

更新:我能够让我的滚动条按预期工作,但我觉得我已经解决了实际问题,如果有人有更可靠的答案,我会很高兴,我已经更新并在我正在使用的新jQuery下面的代码片段中注明.我正在为iPad/Android网络应用程序使用iScroll-4(http://cubiq.org/iscroll-4),滑动和滚动一切正常,但我在应用程序的开头有一个目录,允许用户跳转到滚动条的特定区域--我正在使用iScroll函数scrollToElement(element,duration)以跳转到不同的区域。还使用scrollToPage(page,duration)允许用户一次手动向前和向后导航一页。当我使用

javascript - 在移动 safari 中创建这种效果?

我想在移动版Safari中创建这种效果。http://jqueryfordesigners.com/demo/header-slide.html我正在使用iScroll4。我想将iScroll与这个示例混合使用。http://jsfiddle.net/tdQmQ/3/(这是我到目前为止所拥有的,使用鼠标像触摸事件一样轻弹)标题不应该在滚动区吗?如果有人能指出我正确的方向,那就太好了。最大的问题是锁定iScroll的滚动事件,我不知道如何。谢谢编辑:我终于构建了我要找的东西,http://jsfiddle.net/tdQmQ/25-仍然需要修复z-index,以便标题显示在克隆框上方。E

javascript - iScroll 滚动条的奇怪位置

我正在构建一个支持触摸的html应用程序,并决定使用iScroll在div中滚动。本质上,我有两个单独的滚动div,但滚动条总是放在页面的最外面http://jsfiddle.net/SRXMn/3/我在这里遇到的问题有两个。1)滚动条都在最右边(这对于向左滚动的内容没有多大意义2)当唯一滚动的内容在下方时,滚动条一直延伸到标题的顶部当我在标题上设置“position:fixed”时,它会缩小到一个很小的尺寸,而且我似乎无法过度调整它。 最佳答案 您可以尝试在div.scroll_hold上使用position:relative

javascript - css pointer-events 属性更改和各自的 jquery 事件不一起触发

这是我的代码段。我正在使用iscroll4在触摸设备和桌面上滚动。$('#next_item').bind('mousedowntouchstart',function(e){//dosomethingonclick$(this).bind('mousemovetouchmove',function(e){//triggersonlywhenidragoveritdragstart=true;$(this).css('pointer-events','none');myScroll._start(myDown);return;});});$('#next_item').bind('mo

javascript - 如何向 iScroll4 添加 onScroll 事件?

iScroll4尚不支持onScroll事件.是否有已知的方法来扩展iScroll以支持onScroll事件? 最佳答案 myScroll=newiScroll('wrapper',{onScrollMove:function(){console.log('onScrollMove');},onScrollEnd:function(){console.log('onScrollEnd');}});这是一个简单的示例,说明如何根据之前对此问题的回复的建议注册您的回调函数:https://stackoverflow.com/a/8489

javascript - 我可以暂停 iScroll 功能吗?

有时我想禁用滚动,这样我就可以在同一区域进行多点触控,比如...ifevent.originalEvent.touches.lengthis2thenmyScroll.disable()这样的事情可能吗? 最佳答案 myScroll.disable()然后在触摸端myScroll.enable():) 关于javascript-我可以暂停iScroll功能吗?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.

javascript - jQuery mobile + iScroll,无法向下滚动

我正在尝试整合jQueryMobile与iScroll4.我知道已经有一个project这样做,但是,由于bug,我正在避免它带有输入元素(打字时页面像疯了似的跳转)。我目前的实现是这样的:http://jsfiddle.net/AqHsW/-(JSFiddle示例)[Alternativemirror]正如您可能注意到的那样,除了一个主要问题外,这一切都完美无缺:无法向下滚动。这个问题似乎是跨操作系统/浏览器的。但是,如果我重写onBeforeScrollStart方法:varscroller=newiScroll('wrapper',{onBeforeScrollStart:nul

javascript - 提高大表上的 iScroll 性能

我正在根据用户滚动的方式以编程方式更新表格标题及其第一列位置以保持它们对齐。我遇到的问题是,一旦我的数据集变得足够大,滚动就会变得越来越不稳定/不那么流畅。相关代码在fiddle的最底部:iScroll.on('scroll',function(){varpos=$('#scroller').position();$('#pos').text('pos.left='+pos.left+'pos.top='+pos.top);//codetoholdfirstrowandfirstcolumn$('#scrollerth:nth-child(1)').css({top:(-pos.top

javascript - iScroll 4 不在输入元素上滚动

我正在构建一个针对Android2.2+、Blackberry9+和iOS4+的移动应用程序。在我们的堆栈中,我们使用Phonegap、jQuery和iScroll(除其他外)。我们的一个应用程序屏幕看起来像这样(为匿名而编辑的文本)-在iOS5模拟器的Safari中运行。如您所见,这是一个典型的输入屏幕,具有固定的标题和多个block级表单元素,可拉伸(stretch)整个设备屏幕,填充较少。正如我提到的,我们的应用程序使用iScroll。我们使用以下代码在此页面上对其进行初始化(取自iScroll“表单”示例)。//...window.scroller=newiScroll(id,