问题标签 [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.

0 投票
2 回答
3201 浏览

android - swiperefreshlayout 内的我的 recyclerview 中没有出现过度滚动效果

我有一个片段,其中包含一个 SwipeRefreshLayour,里面有一个 RecyclerView。

此 recyclerView 不显示过度滚动效果。我尝试了很多这样的事情:

通过样式自定义颜色不起作用

fadingEdge,fadingEdgeLengh,需要FadingEdge ...

滑动刷新正在工作,它显示了这一点:

在此处输入图像描述

我不明白:

在此处输入图像描述

0 投票
1 回答
1012 浏览

android - 如何通过代码触发过度滚动动画?

我正在尝试通过代码触发 ListView 上的过度滚动动画。 在此处输入图像描述

Ripple 或 Glow(你怎么称呼它?)应该出现在边缘。

我尝试了 ListView 中的所有功能,例如 scroll* 或 scrollSmooth*,它们都不能触发动画。

我也尝试了一些可以触发波纹背景动画的解决方案,但它与这种边缘效果不同。

我是安卓新手。有什么方法请告诉我,谢谢。

我也尝试使用 onDraw(Canvas canvas),因为我没有找到任何解决方案。因为我总是在iOS上做这种事情,所以我可以把效果画成动画。但是这里还有一个问题,绘制速度超低,不知道为什么,就是stackoverflow上的一些典型的绘制代码。当我稍后开始视图转换时,一切都搞砸了。

0 投票
1 回答
1819 浏览

html - overscroll-behavior 属性不适用于 webview

我在我的网站中有一个固定定位的模式,用户可以在其中输入内容。我已经包含overscroll-behaviour-y: none在模式中以防止底层页面滚动并抑制文本内容滚动时的刷新。虽然它适用于 chrome,但它不适用于 webview,当用户输入大量数据并尝试向上滚动时会导致页面刷新。我已经尝试将overscroll-behaviour属性包含在所有父元素中,包括 html 和 body,但它没有任何效果。我的方法有问题吗?

这是我的示例模态 css

0 投票
0 回答
47 浏览

cordova - 带有固定导航栏和工具栏的 Cordova Overscroll

我想使用移动应用程序附带的过度滚动功能,但我需要保持导航栏和工具栏固定。我一直

我使用https://framework7.io/来构建接口。

任何建议如何保持导航栏和工具栏固定,并过度滚动其他内容?

0 投票
0 回答
141 浏览

ios - 是否有人能够防止“添加到主屏幕”的 iOS PWA 中的“过度滚动”?

我已经尝试了一切,包括:

似乎没有任何工作。这是一个已知的问题?

0 投票
1 回答
1589 浏览

android - 如何在 NestedScrollView 中获取 overScroll 高度?

我想在 NestedScrollView 中获得过度滚动侦听器,以便在用户滚动时使我的顶部 ImageView 得到缩放。像这样的东西

上面的库使用ScrollView了我需要NestedScrollView的。所以我想遵循开发人员的相同方法,但在解决一些问题时遇到了一些麻烦。

View有一种protected方法overScrollBy用于ScrollView开发人员在他的CustomScrollView. 不幸的是,不是overScrollBy NestedScrollView使用它自己overScrollByCombat的私有的,我不能覆盖它。所以,我有点卡在如何进入"overScrollListener"我的CustomNestedScrollView.

我能想到的唯一解决方案实际上是PreCustomNestedScrollView在其中复制粘贴源代码NestedScrollView并将其设置overScrollByCombat为公开。它有效,但我认为这不是一种优雅的方式。

如果已经有这样的库可以提供与 相同的效果NestedScrollView,欢迎您推荐。

0 投票
2 回答
3829 浏览

android - 如何在 android RecyclerView 中检测 OverScroll?

我试图覆盖 onOverScrolled() 但它没有被触发:

我的 RecyclerView 有recyclerView.setOverScrollMode(View.OVER_SCROLL_ALWAYS);

0 投票
1 回答
240 浏览

javascript - 如何防止 iOS Safari 上的过度滚动?

在网页上,我有一个叠加层div,将通过单击特定按钮或图像来显示。为了避免在背景中滚动,我在overflow: hidden显示叠加层时向正文添加了一个 CSS 类。

在桌面浏览器上,这按预期工作,但在 iOS Safari(在我的情况下为 iOS 12.x)上,页面仍然在后台滚动。

有人知道解决方案吗?

0 投票
1 回答
73 浏览

android - 如果 Recycler View 垂直过度滚动,如何显示隐藏视图?

当我的回收站视图垂直滚动时,我想显示一个隐藏的搜索栏。这将复制搜索栏在 Whatsapp 和 Spotify 中弹出的方式。

我认为这样做的一种方法是检测回收器视图上的过度滚动,然后显示该栏。但我不知道我怎样才能做到这一点。

0 投票
0 回答
513 浏览

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 中注入一些东西,这不是最好的解决方案。任何更好的想法仍然欢迎!