jjzjj

Scrolling

全部标签

android - -webkit-overflow-scrolling :touch 有多少支持

有多少浏览器支持-webkit-overflow-scrolling:touchiOS5有,其他的呢,还有android等。 最佳答案 在撰写本文时,-webkit-overflow-scrolling是iOS5及更高版本上的MobileSafari所独有的。截至2012年年中,最新的Android版本(4.1JellyBean)不支持它,但ChromeforAndroid支持它,可以从GooglePlay下载(并且仅支持Android4.0+)。Android3.0+支持overflow:scroll,但不是很活泼。

Edge浏览器鼠标滚轮过于灵敏/速度过快解决方法,Chrome不会这样 Windows Scrolling Personality

问题:使用Edge浏览器时鼠标滚轮过于灵敏,导致翻页速度过快,使用Chrome浏览器时则没有这种现象。解决方法:1、打开Edge浏览器,在地址栏输入edge://flags/2、在搜索栏输入WindowsScrollingPersonality,将其修改为Disabled,重启浏览器即可;)WindowsScrollingPersonality:如果启用,鼠标滚轮和键盘滚动将按照滚动条的大小的百分比进行滚动,并且默认的滚动动画将被替换为冲击式的滚动动画。一开始猜测Edge浏览器默认将滚轮向下滚动固定的圈数会按滚动条的长度将页面下拉不同的距离,在设为Disabled之后,滚轮向下滚动固定的圈数会

ios - UICollectionViewController : Memory used increasing when scrolling

我有一个显示UICollectionViewController的iPhone应用程序。CollectionView包含将UILabel作为subview的单元格。考虑以下测试代码:-(UICollectionViewCell*)collectionView:(UICollectionView*)collectionViewcellForItemAtIndexPath:(NSIndexPath*)indexPath{staticNSString*CellIdentifier=@"Cell";UICollectionViewCell*cell=[collectionViewdequeue

javascript - FlatList contentContainerStyle -> justifyContent : 'center' causes issues with scrolling

我有一个FlatList组件,我在其中呈现x个TouchableHighlight。我需要FlatList中的所有组件垂直居中对齐。问题是,如果我将justifyContent:center放在contentContainerStyle中,什么也不会发生,但是如果我将flex:1添加到contentContainerStyle我得到我想要的结果。如果我不必进行滚动,这很酷,但是当我在FlatList中有许多组件强制滚动以查看所有组件时,滚动从这些列表的中心开始并且不要让我滚动。这是我的代码:index}renderItem={({item,index})=>{return({item.

ios - 在 phonegap 应用程序中滚动时更新 dom

在一个即将完成的phonegap应用程序中,我在滚动时动态地将元素插入到dom中。为此,我使用了“touchmove”和“scroll”回调。我目前面临的问题是dom仅在滚动完成后更新。经过一些研究,我现在认为原因是滚动完成后phonegap没有更新dom。你们中有人遇到过这个问题,并找到了解决方案吗?更新我的测试结果是滚动时javascript根本没有更新。我想知道这是为什么,以及在滚动时执行javascript和更新dom的好方法。如果你能想出另一种方法来在视口(viewport)靠近元素时更新元素,那也很好。目前,当用户停止滚动时,一切都会更新,但如果用户不这样做,他就会遇到“空

javascript - 溢出-y :hidden IOS issue with inner scrolling div

我正在构建一个响应式网站,它的叠加层从侧面滑出。问题出在移动设备上,这些叠加层需要能够滚动,但我不希望后面的页面滚动。在桌面设置overflow:hidden可以阻止页面滚动,但仍然允许滑出div滚动。但是,在IOS中,此属性不起作用。基本页面仍然可以滚动。我在下面创建了一个jsbin。有人能告诉我如何让黑色div在IOS上滚动但阻止基页滚动吗?它在桌面上运行良好,但在移动设备上运行不佳。http://jsbin.com/isayuy/4/谢谢 最佳答案 您必须将此添加到您的CSS:html{height:100%;overflow

html - iOS 手机 : scrolling in iFrame within scroll-able parent

我在移动iOSSafari中遇到一个问题,当在iFrame本身内拖动时,无法在包含iFrame的div中滚动:#outside{height:400px;width:200px;background:blue;overflow:scroll;}.space{height:200px;width:200px;background:red;}iframe{height:1000px;width:200px;background-color:green;}ThegreensectionistheiFrame....ScrollingonthegreensectioniniOSmobileis

html - iOS 手机 : scrolling in iFrame within scroll-able parent

我在移动iOSSafari中遇到一个问题,当在iFrame本身内拖动时,无法在包含iFrame的div中滚动:#outside{height:400px;width:200px;background:blue;overflow:scroll;}.space{height:200px;width:200px;background:red;}iframe{height:1000px;width:200px;background-color:green;}ThegreensectionistheiFrame....ScrollingonthegreensectioniniOSmobileis

javascript - jQuery/CSS : fixed overlay should not allow scrolling of background?

我有一个固定在屏幕中央的覆盖框。该页面本身相当长,并且有一个垂直滚动条。我想在显示叠加层后禁用页面本身的滚动。但是我不能完全禁用滚动,因为一些叠加层本身确实有overflow-y:scroll。因此叠加层中的内容应该滚动,但页面本身应该卡住。知道如何用jquery或css解决这个问题吗? 最佳答案 我能想到的最快和最肮脏的方法是为滚动事件的窗口附加一个事件监听器,如果您的叠加层可见则防止默认()。像这样(使用jquery)。window.addEventListener('scroll',function(e){varel=$('.

javascript - jQuery/CSS : fixed overlay should not allow scrolling of background?

我有一个固定在屏幕中央的覆盖框。该页面本身相当长,并且有一个垂直滚动条。我想在显示叠加层后禁用页面本身的滚动。但是我不能完全禁用滚动,因为一些叠加层本身确实有overflow-y:scroll。因此叠加层中的内容应该滚动,但页面本身应该卡住。知道如何用jquery或css解决这个问题吗? 最佳答案 我能想到的最快和最肮脏的方法是为滚动事件的窗口附加一个事件监听器,如果您的叠加层可见则防止默认()。像这样(使用jquery)。window.addEventListener('scroll',function(e){varel=$('.