Questions tagged [overscroll]

Overscroll is a feature of scrollable-view in any device, where the user is allowed to scroll more than the end of the last element in a scrollview. This is used to create an UI with more feedback back to the user, thus making the UI experience more interactive and smoother.

Overscroll is a feature of scrollable-view in any device, where the user is allowed to scroll more than the end of the last element in a scrollview. This is used to create an UI with more feedback back to the user, thus making the UI experience more interactive and smoother.

Examples on where overscroll is used, are in iOS' UIScrollView or Android's ScrollView.

89 questions
0
votes
1 answer

how to disable scroll glow?

I am quite new to Flutter and have a problem that I can't figure out how to remove/disable the Scrollglow in my written Code. Any solution I have seen so far did not work for me and i don't know why. Does anyone know how I can do it? class MyApp…
0
votes
0 answers

Disable horizontal overscroll iOS 15 and lover

I'm building a carousel that is driven by native browser scroll and this overscroll effect on mobile devices is breaking infinite scroll functionality. Example: For iOS 16 and above I'm using overscroll-behavior: none; it works like a charm. But…
zimex
  • 713
  • 1
  • 5
  • 10
0
votes
0 answers

Overscroll in Android

Having some issues with the overscroll in android. I'm using onScrollEndDrag to decide when to collapse the header but on android, the overscroll doesn't seem to work so when the scroll view is empty or not more than the size of the screen so I…
0
votes
0 answers

Android - Canvas draw glitch when overscroll effect in Android S+

I'm using custom Drawable with animation to draw function diagram... and I use PorterDuff.Mode.SRC_IN PorterDuffXfermode to draw its brightness bar (to clear the overlaped track) with no overscroll effect, the brightness bar thumb is well…
0
votes
1 answer

Css remove the bounce effect

I am having the following problem on firefox macOs. I solved the Chrome problem by putting this in the body: body { overscroll-behavior-y: none; } Can you give me a hand?
Paul
  • 3,644
  • 9
  • 47
  • 113
0
votes
1 answer

FLUTTER: Overscroll glowing effect from ListView is not showing on android

I have a ListView.separated widget which is not showing the overscroll effect for Android. On iOS I can see the bouncing, but on Android is not showing the glowing effect, and I don't know why. My purpose is to have the glowing effect for…
Ovidiu Uşvat
  • 701
  • 1
  • 6
  • 29
0
votes
4 answers

give different color to top and bottom of the webpage body overscroll

My portfolio has a black background color at the top and a white one at the bottom. When you overscroll at the top the white background of the body shows for a brief moment, creating an unwanted contrast like this: So I want black overscroll for…
Justin
  • 367
  • 2
  • 14
0
votes
1 answer

How to overscroll using gsap Draggable with scrollTop?

import {gsap} from "gsap"; import Draggable from "gsap/Draggable"; import { InertiaPlugin } from "./libs/gsap/InertiaPlugin"; import { ScrollToPlugin } from…
Solsiden
  • 673
  • 1
  • 7
  • 22
0
votes
1 answer

Disable overscroll in ScrollView (SwiftUI)

How can I disable overscroll in fullscreen vertical ScrollView (SwiftUI)? https://www.youtube.com/watch?v=dOyWCDhlxv8 - example of overscroll (I know, on video old Android device) var body: some View { GeometryReader { geometry in …
alexbayker
  • 882
  • 9
  • 19
0
votes
2 answers

React: add className="active" to list item after horizontal scroll (css: overflow-x: scroll;)

I wish to update my className on my list items based on my horizontal scrolling behavior on a Slider in React. Any suggestions on how I could solve this? I could not find a solution so far. Currently, one image fills up the whole width of the window…
seabysalt
  • 67
  • 4
0
votes
0 answers

Mobile safari overscroll jumping abruptly

I'm having a problem with overscrolling a div in mobile safari. I have a nested structure with body { position: fixed }, inside which I have a parent and a child div. The container div has: .container { overflow-y: scroll;…
Hanzy
  • 394
  • 4
  • 17
0
votes
2 answers

Recycler View not overscrolling when used with CollapsingToolbarLayout

I have the following layout with collapsible toolbar layout and recycler view. Somehow, it is not allowing recyclerview to overscroll. How can I achieve that? Thanks!
0
votes
1 answer

How can I show an hidden view if a Recycler View is overscrolled vertically?

I would like to show an hidden search bar when my recycler view is over scrolled vertically. This would replicate the way that the search bar pops up in Whatsapp and on Spotify. I think that a way to do this would be to detect the over scroll on the…
Rodrigo Fernandes
  • 117
  • 1
  • 2
  • 10
0
votes
0 answers

Cordova Overscroll with Fixed Navbar and Toolbar

I'd like to use overscroll functionality that comes with mobile apps, but I need to keep navbar and toolbar fixed. I keep and I use https://framework7.io/ for building interfaces. Any…
Michael Samteladze
  • 1,310
  • 15
  • 38
0
votes
1 answer

OverScrollDecoratorHelper get onOverScrollUpdate callback from view

I'm using "me.everything:overscroll-decor-android:1.0.4". Can I get offset value from image view, that i trying to swipe down? Documentation says OverScrollDecoratorHelper.setUpStaticOverScroll(view,…