在这个例子中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
我正在使用iScroll4插件(http://cubiq.org/iscroll-4/)将滚动条添加到长度超过浏览器视口(viewport)高度80%的页面。出于某种原因,当(并且仅在这种情况下)我添加它并尝试单击输入时,它不会选择。只有点击它的标签才会选择输入。我该怎么做才能拥有iScroll4和可选输入? 最佳答案 试试这个解决方案myScroll=newiScroll('wrapper',{});myScroll.options.onBeforeScrollStart=function(e){vartarget=e.targe
更新:我能够让我的滚动条按预期工作,但我觉得我已经解决了实际问题,如果有人有更可靠的答案,我会很高兴,我已经更新并在我正在使用的新jQuery下面的代码片段中注明.我正在为iPad/Android网络应用程序使用iScroll-4(http://cubiq.org/iscroll-4),滑动和滚动一切正常,但我在应用程序的开头有一个目录,允许用户跳转到滚动条的特定区域--我正在使用iScroll函数scrollToElement(element,duration)以跳转到不同的区域。还使用scrollToPage(page,duration)允许用户一次手动向前和向后导航一页。当我使用
我正在尝试同步两个可滚动的DIVS滚动位置。遵循的方法:Method-1:on-scroll事件设置其他DIV的scrollTop。问题:滚动事件最后执行,UI在iOSSafari中缓慢。Method-2:使用setInterval来同步两个滚动位置。问题:iOS在滚动期间不执行定时器功能,所以滚动位置在最后同步。同样,这更加缓慢。尝试过,许多博客中提到的计时器已修复,但仍然没有优雅。Method-3:尝试自定义滚动条,所以iScroll并尝试在scroll事件上同步两者,问题:这看起来好多了,但在iOS中仍然很慢!!!Method-4:尝试自定义滚动条,所以iScroll并尝试在sc
我正在构建一个支持触摸的html应用程序,并决定使用iScroll在div中滚动。本质上,我有两个单独的滚动div,但滚动条总是放在页面的最外面http://jsfiddle.net/SRXMn/3/我在这里遇到的问题有两个。1)滚动条都在最右边(这对于向左滚动的内容没有多大意义2)当唯一滚动的内容在下方时,滚动条一直延伸到标题的顶部当我在标题上设置“position:fixed”时,它会缩小到一个很小的尺寸,而且我似乎无法过度调整它。 最佳答案 您可以尝试在div.scroll_hold上使用position:relative
我正在尝试制作一个粘性标题+第一列表。在桌面浏览器上运行良好。但是,当我在移动设备上滚动表格的x轴时,位置更新会拖拽,即速度不够快。我读过各种建议iScroll的SO线程.我不太确定在这种情况下如何正确使用它。是否应该拦截tbody滚动事件,保留默认行为并根据iScroll的事件值更新位置?请在这里指出正确的方向:)$(function(){var$tbody=$('tbody');$tbody.on('scroll',function(e){varleft=$tbody.scrollLeft();$('thead').css('left',-left);$('tbodytd:nth-
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