Stack Overflow
Stack Overflow

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
2
votes
1 answer

NestedScrollView in CoordinatorLayout not showing overscroll

I have NestedScrollView with some texts and because that is in CoordinatorLayout, when i scroll it to end of the NestedScrollView does not show overscroll effect, my guess is that when i reach end and try to scroll more i don't scroll…
Markicevic
  • 1,025
  • 9
  • 20
2
votes
0 answers

Nested ViewPager with overscroll

I have one ViewPager inside another ViewPager. Also, I don't want the child ViewPager to change the position of the parent ViewPager. So, I implemented my own ViewPager with the following overridden method: @Override protected boolean canScroll(View…
Swayam
  • 16,294
  • 14
  • 64
  • 102
2
votes
0 answers

overflow scroll in cordova (css) on android

I have the following class as a scrollable area in a div: .content-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position:absolute; top: 0px; left: 0; bottom:0; right:0; width: 100%; -webkit-backface-visibility:…
user727507
  • 275
  • 1
  • 2
  • 11
2
votes
2 answers

Issue with a scrollable div on ipad

I'm designing an HTML/JS app for consumption specifically on iPad. In the app, there are some scrollable elements. I set the document's width and height to 1024 and 768 respectively. I set the view port to
Aleks G
  • 56,435
  • 29
  • 168
  • 265
2
votes
1 answer

overscroll listview bottom not working

EDIT: been working on it recently again and got it working, so don't need an answer anymore. link I've made an overscrollable listview and everything works except when you scroll beyond the last item with the direction pad/trackball. When scrolling…
Larphoid
  • 1,005
  • 8
  • 13
2
votes
3 answers

android ListView onOverScroll never be called

can anyone tell me why I can not get onOverScrolled be called in my following code: public class KasOverScrollListenableListView extends ListView { public interface OverScrollListener{ void onOverScroll(int scrollx, int…
gothion
  • 125
  • 1
  • 10
1
vote
1 answer

How to prevent overscroll bounce?

I have a basic React Tailwind page: export default function Home() { return (

Title

body

…
grabury
  • 4,797
  • 14
  • 67
  • 125
1
vote
0 answers

extend relative positioned div into overscroll area to accommodate macOS / iOS elastic scroll

I've read multiple similar questions, but no solutions there appear to work. I'm making a horizontally scrolling page and I'd like to style the vertically centred container so that, effectively, it extends into the overscroll area visible on macOS…
jatx50
  • 65
  • 4
1
vote
1 answer

how to show viewport's overscroll background-image

I have a background image repeated on the Y axis in order to cover the whole page. html { background-image: url('https://www.bertamini.net/background.svg'); background-position-x: right; background-size: 100% auto; background-repeat:…
Bertuz
  • 2,390
  • 3
  • 25
  • 50
1
vote
1 answer

How to prevent overscrolling on iOS Safari?

On a webpage I have an overlay div which will be displayed by clicking on a specific button or image. To avoid scrolling in the background I added a CSS class to the body with overflow: hidden when the overlay is displayed. On desktop browsers this…
Michael
  • 69
  • 10
1
vote
1 answer

How to get overScroll Height in NestedScrollView?

I want to get have over scroll listener in NestedScrollView in order to make my top ImageView get Zoomed when user over scrolls. Something like this Above library uses ScrollView which in my case I need NestedScrollView. So i wanted to follow the…
musooff
  • 6,412
  • 3
  • 36
  • 65
1
vote
0 answers

Is anyone able to prevent "overscroll" in iOS PWAs that are "Added to Home Screen"?

I've tried everything, including: (() => { const prevent = e => e.preventDefault(); document.body.addEventListener('touchstart', prevent, { passive: false }); document.body.addEventListener('touchmove', prevent, { passive: false…
geoyws
  • 3,326
  • 3
  • 35
  • 47
1
vote
1 answer

How to trigger the over scroll animation by code?

I am trying to trigger the over scroll animation on ListView by code. Ripple or Glow (how do you call it?) should appear on the edge. I tried all the function in ListView like scroll* or scrollSmooth*, non of them could trigger the animation. I…
iaomw
  • 720
  • 6
  • 21
1
vote
0 answers

Android ListView scrollbar thumb size not handled correctly

To disable fast scroll on a desired touch behaviour, I'd like to have the same design for normal scroll an fast scroll on a listview. I took the fast scroll thumb and set it as normal scroll thumb, but there is a strange scrolling issue with the…
Mr. Fish
  • 827
  • 7
  • 18
1
vote
1 answer

Make SwipeRefreshLayout animation invisible

If its possible make Swipe refresh layout animation fully invisible? I want to make whole animation (including loading and cricle with arrow when pulling down gesture) dissapear but I want to be able to use the onRefresh function. Maybe you know any…
Expiredmind
  • 788
  • 1
  • 8
  • 29
1 2
3
4 5 6