问题标签 [overscroll]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
android - 如何通过代码触发过度滚动动画?
我正在尝试通过代码触发 ListView 上的过度滚动动画。
Ripple 或 Glow(你怎么称呼它?)应该出现在边缘。
我尝试了 ListView 中的所有功能,例如 scroll* 或 scrollSmooth*,它们都不能触发动画。
我也尝试了一些可以触发波纹背景动画的解决方案,但它与这种边缘效果不同。
我是安卓新手。有什么方法请告诉我,谢谢。
我也尝试使用 onDraw(Canvas canvas),因为我没有找到任何解决方案。因为我总是在iOS上做这种事情,所以我可以把效果画成动画。但是这里还有一个问题,绘制速度超低,不知道为什么,就是stackoverflow上的一些典型的绘制代码。当我稍后开始视图转换时,一切都搞砸了。
html - overscroll-behavior 属性不适用于 webview
我在我的网站中有一个固定定位的模式,用户可以在其中输入内容。我已经包含overscroll-behaviour-y: none
在模式中以防止底层页面滚动并抑制文本内容滚动时的刷新。虽然它适用于 chrome,但它不适用于 webview,当用户输入大量数据并尝试向上滚动时会导致页面刷新。我已经尝试将overscroll-behaviour
属性包含在所有父元素中,包括 html 和 body,但它没有任何效果。我的方法有问题吗?
这是我的示例模态 css
cordova - 带有固定导航栏和工具栏的 Cordova Overscroll
我想使用移动应用程序附带的过度滚动功能,但我需要保持导航栏和工具栏固定。我一直
我使用https://framework7.io/来构建接口。
任何建议如何保持导航栏和工具栏固定,并过度滚动其他内容?
ios - 是否有人能够防止“添加到主屏幕”的 iOS PWA 中的“过度滚动”?
我已经尝试了一切,包括:
似乎没有任何工作。这是一个已知的问题?
android - 如何在 NestedScrollView 中获取 overScroll 高度?
我想在 NestedScrollView 中获得过度滚动侦听器,以便在用户滚动时使我的顶部 ImageView 得到缩放。像这样的东西
上面的库使用ScrollView
了我需要NestedScrollView
的。所以我想遵循开发人员的相同方法,但在解决一些问题时遇到了一些麻烦。
View
有一种protected
方法overScrollBy
用于ScrollView
开发人员在他的CustomScrollView
. 不幸的是,不是overScrollBy
NestedScrollView
使用它自己overScrollByCombat
的私有的,我不能覆盖它。所以,我有点卡在如何进入"overScrollListener"
我的CustomNestedScrollView
.
我能想到的唯一解决方案实际上是PreCustomNestedScrollView
在其中复制粘贴源代码NestedScrollView
并将其设置overScrollByCombat
为公开。它有效,但我认为这不是一种优雅的方式。
如果已经有这样的库可以提供与 相同的效果NestedScrollView
,欢迎您推荐。
android - 如何在 android RecyclerView 中检测 OverScroll?
我试图覆盖 onOverScrolled() 但它没有被触发:
我的 RecyclerView 有recyclerView.setOverScrollMode(View.OVER_SCROLL_ALWAYS);
javascript - 如何防止 iOS Safari 上的过度滚动?
在网页上,我有一个叠加层div
,将通过单击特定按钮或图像来显示。为了避免在背景中滚动,我在overflow: hidden
显示叠加层时向正文添加了一个 CSS 类。
在桌面浏览器上,这按预期工作,但在 iOS Safari(在我的情况下为 iOS 12.x)上,页面仍然在后台滚动。
有人知道解决方案吗?
android - 如果 Recycler View 垂直过度滚动,如何显示隐藏视图?
当我的回收站视图垂直滚动时,我想显示一个隐藏的搜索栏。这将复制搜索栏在 Whatsapp 和 Spotify 中弹出的方式。
我认为这样做的一种方法是检测回收器视图上的过度滚动,然后显示该栏。但我不知道我怎样才能做到这一点。
flutter - Flutter:如何在 PageView 中嵌入多个水平 Webview
我正在 Flutter 中制作 Epub 阅读器的原型。每章都显示在WebView中,这些 WebView 放置在PageView中。由于多列布局,每个 WebView 的内容都进行了分页:1 列 = 1 个可见页面。在水平滑动手势期间,预期的行为是让 WebView 的内容尽可能滚动,然后在 WebView 达到其限制时让 PageView 在页面之间滚动。注意:在 1 次滑动手势期间,两者都可能发生:WebView 先滚动,然后是 PageView。在 Android 上,由于过度滚动通知,它很容易处理,就像在这个代码中一样。
但是在 Flutter 中,WebView 是不可滚动的,我们不能使用OverscrollNotifications (AFAIK)。所以我有一些基于在 WebView 中注入 JS 代码以将滚动位置广播到 Flutter 端的工作解决方案,但这非常肮脏和令人沮丧,我讨厌这种代码......
有没有人有好的解决方案?提前非常感谢!
编辑:我有一个基于 Javascript 的新想法。我不会在滚动过程中不断向 Flutter 端发送滚动通知,而是在每个“章节”的开头和结尾插入透明像素,并仅在这些元素变得可见/不可见时向 Flutter 发送事件(感谢IntersectionObserver API)。但是这样的解决方案需要在章节的 HTML 中注入一些东西,这不是最好的解决方案。任何更好的想法仍然欢迎!