草庐IT

v-infinite-scroll

全部标签

javascript - scrollTop 不适用于 -webkit-overflow-scrolling : touch

我有一个内置在Phonegap中的单页应用程序,我在使用iOS设备(不是android)时遇到问题:document.querySelector('page').scrollTop=0;如果我导航到一个不同的页面并且我刚刚来自的View有scrollTop//38它会保持相同的scrollTop//38因为我只改变了内容页面内。所以我会使用上面的jS来编辑滚动顶部,所以这样做:document.querySelector('page').scrollTop//outputs38太棒了,但是当我触摸屏幕时它会向下跳38px并重置scrollTop=38。如果我删除page{-webkit

javascript - 移动版 Safari : prevent scroll page when focus on input

我试图阻止用户点击输入时滚动页面:$("input").on("focus",function(e){e.preventDefault();e.stopPropagation();});$("input").on("click",function(e){e.preventDefault();e.stopPropagation();this.setSelectionRange(0,9999);});几个问题:1)当用户点击输入页面滚动到元素(到页面顶部)2)当焦点处于事件状态时,父block丢失position:fixeddemodemowithcode 最佳

html - 设置 -webkit-overflow-scrolling : touch 时,z-index 在 iOS 上的处理方式不同

我在iOS上看到一些有趣的z-index行为。我的示例代码可以在这里查看:https://jsfiddle.net/59mo8s16/4/我需要将#sidebar显示在#slide-in-tip的前面。在Chrome(PC和Android)和Firefox(PC)上查看时就是这种情况。但是,在iOSSafari和Chrome上,#slide-in-tip出现在#sidebar的前面。我意识到从CSS中删除-webkit-overflow-scrolling:touch会使其在所有平台/浏览器中都按预期显示。但是,我需要它来为iOS上的#containerdiv提供动量滚动。如果没有它,

ios - Xcode 8 iOS 10 UITableView 问题 : UIImageView added from storyboard is rendering until table is scrolled

我的Storyboard中有表格View,它一直工作到Xcode7.3,将Xcode更新到8后,在您滚动或显式调用reloadData之前,添加到tableviewcell中的ImageView不会第一次呈现。ImageView是从Storyboard添加的。滚动后-(UITableViewCell*)tableView:(UITableView*)tableViewcellForRowAtIndexPath:(NSIndexPath*)indexPath{ALContactCell*contactCell;switch(indexPath.section){case0:{//Cell

ios - -webkit-overflow-scrolling polyfill 或特征检测

-webkit-overflow-scrolling是iOS5的新功能。我正在寻找CSSpolyfill或方法而不是用户代理读取来检测此功能是否可用。Modernizer没有检测到这一点。 最佳答案 Modernizr默认不检测该属性,但您可以向其添加自己的测试。只需在任何地方调用这段代码:Modernizr.addTest('overflowscrolling',function(){returnModernizr.testAllProps("overflowScrolling");});在调用之后,您的body元素将有一个ove

objective-c - iOS5 : UITableView poor scrolling performance

首先,我在滚动tableview时发生内存泄漏。与here相同的问题.此外,我的滚动速度足够快,但在我滚动时它“有点颤抖”。细胞可重复使用。代码:-(UITableViewCell*)tableView:(UITableView*)tableViewcellForRowAtIndexPath:(NSIndexPath*)indexPath{staticNSString*CellIdentifier=@"Cell";Country*country=[[self.itemsobjectAtIndex:[indexPathsection]]objectAtIndex:[indexPathro

html - 溢出-x : auto on iPhone is not scrolling

我在div中有一个iframe,它看起来像:我希望输入表单可以在x轴上滚动,以便可以在手机上使用。这在台式机和其他手机(例如Android)上工作正常,但在iOS中使用Safari时,滚动不存在或随机工作。有什么可能的解决方法吗?这是iOS错误吗? 最佳答案 我在您的资源中看到您使用Bootstrap,所以为什么您不直接将with调整为全部在屏幕内而无需任何滚动(手机上的水平滚动对我来说并不是真正的用户友好)。如果你真的想使用滚动,我推荐你使用:-webkit-overflow-scrolling:touch;代替-webkit-o

ios - UIPageViewController 行为与 Scroll 和 PageCurl 不同

我看到使用Scroll转换的UIPageViewController与PageCurl之间存在不同的行为。PageCurl的工作方式符合我的预期,但在使用Scroll-ing时,我有时会看到对viewControllerBeforeViewController:和viewControllerAfterViewController:的额外(无意义的)调用有人认识这种额外数据源调用的模式吗?我正在显示一系列图像,我可以从序列中的任何位置开始。当使用Scroll转换而不是PageCurl时,在显示初始页面后,如果我移动到“右侧”,我会收到3个DataSource调用,而不是我期望的单个调用。

ios - 带有 "webkit-overflow-scrolling: touch"的可见滚动条 IOS

我希望滚动条在IOS中始终可见。快速解决方案是“::-webkit-scrollbar”修复。但是,当使用“webkit-overflow-scrolling:touch”作为“滑动感”时,滚动条不再可见。我怎样才能让它们都工作?参见示例http://jsfiddle.net/gatb4ct6/5/:.frame{overflow-y:auto;border:1pxsolidblack;height:13em;width:10em;line-height:1em;/*-webkit-overflow-scrolling:touch;*//*uncommentaboveandscroll

ios - 移动版 Safari : inertia scrolling on body AND minimal UI behavior?

这个问题需要一些解释,所以请耐心等待。与流行的看法相反,默认情况下,MobileSafari中的网页不启用惯性滚动(非常流畅的60fps滚动)。由于它在用户体验方面产生了天壤之别,因此在专门针对iOS进行了Modernizr测试之后,我通过将此CSS动态应用到页面的HTML和BODY元素来启用它:.touchscroll{overflow:auto;-webkit-overflow-scrolling:touch;position:relative;height:100%;}.touchscrollbody{height:100%;overflow:auto;-webkit-overf