在这个例子中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
更新:我能够让我的滚动条按预期工作,但我觉得我已经解决了实际问题,如果有人有更可靠的答案,我会很高兴,我已经更新并在我正在使用的新jQuery下面的代码片段中注明.我正在为iPad/Android网络应用程序使用iScroll-4(http://cubiq.org/iscroll-4),滑动和滚动一切正常,但我在应用程序的开头有一个目录,允许用户跳转到滚动条的特定区域--我正在使用iScroll函数scrollToElement(element,duration)以跳转到不同的区域。还使用scrollToPage(page,duration)允许用户一次手动向前和向后导航一页。当我使用
我正在构建一个支持触摸的html应用程序,并决定使用iScroll在div中滚动。本质上,我有两个单独的滚动div,但滚动条总是放在页面的最外面http://jsfiddle.net/SRXMn/3/我在这里遇到的问题有两个。1)滚动条都在最右边(这对于向左滚动的内容没有多大意义2)当唯一滚动的内容在下方时,滚动条一直延伸到标题的顶部当我在标题上设置“position:fixed”时,它会缩小到一个很小的尺寸,而且我似乎无法过度调整它。 最佳答案 您可以尝试在div.scroll_hold上使用position:relative
iScroll4尚不支持onScroll事件.是否有已知的方法来扩展iScroll以支持onScroll事件? 最佳答案 myScroll=newiScroll('wrapper',{onScrollMove:function(){console.log('onScrollMove');},onScrollEnd:function(){console.log('onScrollEnd');}});这是一个简单的示例,说明如何根据之前对此问题的回复的建议注册您的回调函数:https://stackoverflow.com/a/8489
有时我想禁用滚动,这样我就可以在同一区域进行多点触控,比如...ifevent.originalEvent.touches.lengthis2thenmyScroll.disable()这样的事情可能吗? 最佳答案 myScroll.disable()然后在触摸端myScroll.enable():) 关于javascript-我可以暂停iScroll功能吗?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.
我正在尝试整合jQueryMobile与iScroll4.我知道已经有一个project这样做,但是,由于bug,我正在避免它带有输入元素(打字时页面像疯了似的跳转)。我目前的实现是这样的:http://jsfiddle.net/AqHsW/-(JSFiddle示例)[Alternativemirror]正如您可能注意到的那样,除了一个主要问题外,这一切都完美无缺:无法向下滚动。这个问题似乎是跨操作系统/浏览器的。但是,如果我重写onBeforeScrollStart方法:varscroller=newiScroll('wrapper',{onBeforeScrollStart:nul
我正在根据用户滚动的方式以编程方式更新表格标题及其第一列位置以保持它们对齐。我遇到的问题是,一旦我的数据集变得足够大,滚动就会变得越来越不稳定/不那么流畅。相关代码在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
我正在构建一个针对Android2.2+、Blackberry9+和iOS4+的移动应用程序。在我们的堆栈中,我们使用Phonegap、jQuery和iScroll(除其他外)。我们的一个应用程序屏幕看起来像这样(为匿名而编辑的文本)-在iOS5模拟器的Safari中运行。如您所见,这是一个典型的输入屏幕,具有固定的标题和多个block级表单元素,可拉伸(stretch)整个设备屏幕,填充较少。正如我提到的,我们的应用程序使用iScroll。我们使用以下代码在此页面上对其进行初始化(取自iScroll“表单”示例)。//...window.scroller=newiScroll(id,
您好,我创建了一个网站,它使用的是iScroll所以基本上我在div标签上有一个固定的宽度,如果内容太长,它会变成可滚动的。我应用iscroll的相同代码在iphone和ipad上工作正常然而,在android上,当webview首次以纵向模式加载时,它是不可滚动的,但如果你将它置于横向模式,然后再回到纵向模式,那么你就可以滚动。为什么android中的方向改变会影响iScroll?我该如何为Android解决这个问题? 最佳答案 您在其上定义了iscroll的#wrapper应该是固定的,并且直接子div应该占据内容的总宽度。尝试
我已经下载了iScroll.js并在我的一个phonegap项目中使用,即varmyScroll;functionloaded(){myScroll=newiScroll('wrapper');}document.addEventListener('DOMContentLoaded',loaded,false);它在普通浏览器上也不起作用,但是当我检查元素时它开始工作得非常好??不知道问题是什么... 最佳答案 如何使用iScroll1)需要防止标准触摸事件的默认行为。通过在您的touchmove事件中添加preventDefaul