草庐IT

Scrolling

全部标签

html - 如何避开位置: fixed from staying on the screen when vertical scrolling?

我askedthisquestion这对于使文本(顶部链接)在滚动后被迫向右移动非常有效。问题出在页面上,当我垂直滚动时,即使向下滚动,顶部链接仍保留在页面顶部,因此它们显示在我的主要内容上方。有什么方法可以强制文本向右移动但在垂直滚动时不移动?这是我今天的CSS:#toplinksul{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparentnonerepeatscroll00;border:med

html - -webkit-overflow-scrolling 是否适合生产使用?

我一直在使用-webkit-overflow-scrolling在iOS上平滑滚动叠加导航菜单,但是,我一直在与一个错误作斗争(我似乎无法找到回答任何地方)。查看MDN站点上的属性:Thisfeatureisnon-standardandisnotonastandardstrack.DonotuseitonproductionsitesfacingtheWeb:itwillnotworkforeveryuser....https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling如果它“不在标准轨道

ios - Keith Clark 的 CSS Parallax Inertial/Momentum Scrolling on Mobile

所以我用KeithClark'spureCSSparallax建立了一个网站主意。它看起来不错,但我很好奇是否有人想出如何在iOS上允许惯性/动量滚动。Hereismysitesofar.目前我所知道的:目前惯性/动量滚动不起作用,因为基本上整个页面都保存在一个带有overflow-y:auto的容器中。因此,当您在页面上滚动时,您是在一个容器内滚动。在iOS上,您必须应用-webkit-overflow-scrolling:touch以允许非视口(viewport)滚动的任何内容具有惯性/动量滚动。如果将-webkit-overflow-scrolling:touch添加到.para

iOS5 -webkit-overflow-scrolling 导致触摸事件停止工作

当使用[-webkit-overflow-scrolling:touch;]时,滚动区域效果很好,但它会导致触摸事件停止滚动区域之外的工作。有没有人有同样的问题?谁能给我一些关于这个新滚动功能的官方链接?ios5scrollheader{background:red;width:300px;height:44px;}.scroll{width:300px;height:300px;background:yellow;overflow:scroll;-webkit-overflow-scrolling:touch;}won'twork?Itworkstexttexttexttexttex

ios - `-webkit-overflow-scrolling: touch` 因 iOS7 中的初始屏幕外元素而损坏

既然转基因种子已经放出来了,我们可以好好谈谈了!看起来在iOS7中“-webkit-overflow-scrolling:touch”被破坏了。最初不在屏幕上的元素的触摸事件不会触发(或者在某些情况下只是不可靠)。这是一个例子:TEST#scrollbox{position:fixed;top:0px;width:100%;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch;}.touchDiv{position:relative;width:100%;height:80px;background-color:#FF

ios - 移动 safari 位置 :fixed z-index glitch when scrolling

我知道iPhone过去不支持position:fixed,但现在支持了,当我将固定位置元素滚动到具有更高z-index的其他元素后面时,我看到了一个奇怪的故障。具有较低z-index的固定位置元素暂时出现在前面,看起来非常糟糕。有办法避免这种情况吗?我尝试将-webkit-transform:translate3d(0,0,0);添加到固定元素,但它似乎无助于解决这个问题。Hereisajsfiddleaswell.更新除了z-index之外,我还添加了transform:translateZ(x),但它没有解决问题。更新2我添加了-webkit前缀,这确实解决了移动Safari上的z

ios - 如果我使用 -webkit-overflow-scrolling,Div 滚动有时会卡住

如果我对滚动div使用-webkit-overflow-scrolling,它会以原生动量完美滚动。但是,div本身有时会卡住并且不响应我的手指移动。2-3秒后,它再次变为可滚动。我不知道我是如何重现这个问题的。但是,正如我所见,造成这种情况的主要行为有两种。首先,如果我等待一段时间,例如20秒,然后触摸div,它没有响应。我等了几秒钟,它又开始工作了。其次,我快速触摸了几次,然后,它变得卡住,几秒钟后,它再次开始工作。如何防止这种卡住? 最佳答案 对我来说,卡住是可重复的,并且在已经分别位于顶部或底部时尝试向上或向下滚动时发生。解

iOS 9 Safari : changing an element to fixed position while scrolling won't paint until scroll stops

我一直在开发网站并利用相当不错的jQueryStickyKit插入。它通过将position属性切换为fixed并在适当的时候返回来运行。在桌面上运行非常流畅,在移动设备上也可以接受。或者至少它曾经是。iOS9带来了一个新行为:如果元素的position从static/relative/absolute变为已修复当滚动动画正在进行时,元素变得不可见,直到滚动停止。奇怪的是,相反的更改(从fixed到其他任何内容)执行没有问题。可以在theplugin'shomepage上找到一个工作示例.黑色导航栏(“示例引用”)应该是粘性的。最初它是static位于页面中间。当您向下滚动时,它会变为

flutter - 银应用栏 : How to keep native view alive during scrolling?

我想在SliverAppBar的flexibleSpace中显示原生View(HeaderContainer)并阻止它重建。returnnewScaffold(body:CustomScrollView(slivers:[SliverAppBar(backgroundColor:Colors.teal,pinned:true,expandedHeight:180,flexibleSpace:FlexibleSpaceBar(background:HeaderContainer(),//HeaderContainerisanativeView(AndroidView)),),Sliver

dart - flutter 页面 View : Disable left or right side scrolling

我有一个PageView,如何禁用向左或向右滚动。我知道使用NeverScrollableScrollPhysics我们可以禁用滚动,但如何禁用一个方向的滚动。 最佳答案 您可以创建自己的ScrollPhysics以仅允许向右移动:classCustomScrollPhysicsextendsScrollPhysics{CustomScrollPhysics({ScrollPhysicsparent}):super(parent:parent);boolisGoingLeft=false;@overrideCustomScrollP