Smooth Scrolling is a technique which reduces the sudden jumps in display while scrolling. The content will appear to seamlessly flow in and out of the screen as you scroll. Many browsers ship with it, but it can also be implemented by websites.
Questions tagged [smooth-scrolling]
967 questions
24
votes
5 answers
Scrolling a Canvas smoothly in Android
I'm new to Android.
I am drawing bitmaps, lines and shapes onto a Canvas inside the OnDraw(Canvas canvas) method of my view. I am looking for help on how to implement smooth scrolling in response to a drag by the user. I have searched but not found…
prepbgg
- 3,564
- 10
- 39
- 51
23
votes
6 answers
How to smoothly scroll to an element in pure JavaScript
I want to smoothly scroll to an element without using jQuery – just pure javascript. I would like a generic function to be able to both scroll down and scroll up smoothly to a specific position in the document.
I know I can use the following in…
user10181216
23
votes
1 answer
Preventing RecyclerView from consuming touch events
Problem
I am attempting to simulate the exact behaviour of the Google Play application.
Currently when you're scrolling through a category like 'Top Games' and you touch the list, that cell as well as the RecyclerView handles the touch event, you…
vguzzi
- 2,420
- 2
- 15
- 19
22
votes
1 answer
iOS: any way to make -webkit-overflow-scrolling and ::-webkit-scrollbar work together?
I'm trying to apply custom styles to the scrollbars (actually, trying to make scrollbars always visible) and preserve the momentum scrolling for the iOS app:
#container {
height: 400px;
overflow: scroll;
-webkit-overflow-scrolling:…
Dmitriy Khudorozhkov
- 1,624
- 12
- 24
21
votes
2 answers
How to make a smooth camera follow algorithm?
I am making a game with LibGDX (Java).
I need the camera to follow a fast moving character. The easiest way to do it is to just write this:
this.getCamera().position.set(obj.x, obj.y, 0);
But, is there any algorithm to make this more smooth? Like…
Avetis Zakharyan
- 887
- 2
- 9
- 20
19
votes
6 answers
UITableView scrolling is not smooth
I have the smooth scrolling issue at my UITableView with UITableViewCell which contains UIImageView. Similar issues could be found all over the StrackOverflow but none of the proposed solutions helped me to completely get rid of the lag.
My case is…
Mando
- 11,414
- 17
- 86
- 167
18
votes
8 answers
Redirect to a div on a different page with smooth scrolling?
Question Background:
I have a 2 page website. Both pages use the same masterlayout.cshtml page which features a Navbar. Within the Navbar is a number of links which scroll down to the relevant divs on page one based on their ID's.
The Issue:
When I…
user1352057
- 3,162
- 9
- 51
- 117
17
votes
9 answers
My fixed background made scrolling the site very slow, what can I do to improve it?
I changed the background of my discussion forum using the CSS below
http://forum.antinovaordemmundial.com
html {
background: url(http://antinovaordemmundial.com/mystuff/logo_blog.jpg) no-repeat center center fixed;
background-image:…
Emerson
- 935
- 4
- 13
- 27
17
votes
6 answers
Javascript - Smooth parallax scrolling with mouse wheel
I have a page where I'm applying a parallax effect. This is accomplished using translate3d. Now, while this works well, I'm wondering how I can override the default "steps" when scrolling with the mouse wheel?
If I scroll with the scrollbars,…
Kenny Bones
- 5,017
- 36
- 111
- 174
16
votes
5 answers
RecyclerView inside CoordinatorLayout,AppBarLayout Scrolling issue
I have this xml code in fragment:
TazmanOne
- 553
- 1
- 5
- 14
15
votes
2 answers
Wait unitl ListView's smoothScrollToPosition() finishes
Scope
I need to scroll to certain position smoothly and then "jump" to another position with setSelection(anotherPosition). This is done to create an illusion of smooth scrolling of (e.g.) 100 items in ListView. smoothScrollToPosition(100) lasts too…
Oleksii Malovanyi
- 6,780
- 6
- 24
- 27
15
votes
1 answer
HTML5 Form validation message doesn't show when scroll-behaviour is set to 'smooth' on html tag in Chrome
I'm having a conflict when setting the scroll-behaviour:smooth attribute on the html tag when there are form fields on the page using HTML5 Validation. You can see this issue when using Chrome (fine in Firefox/Safari)
If the first error field is…
Darren Greer
- 151
- 4
13
votes
5 answers
scrollintoview is not working in chrome version>=81. Behaviour smooth is not happening
if (document.querySelector(target)) {
event.preventDefault();
document.querySelector(target).scrollIntoView({ behavior: 'smooth' });
}
above scrollIntoView behaviour smooth is not working even though event.preventDefault is used to avoid…
harshith bettaswamy
- 131
- 1
- 1
- 9
12
votes
1 answer
NSTextView, appending text and smooth scrolling
I am trying to implement smooth scrolling in a chat history view I implemented, however if the content I append is big enough the smooth scroll will only scroll for a few lines.
My first guess was that the view did not redraw itself yet.. not the…
Antwan van Houdt
- 6,989
- 1
- 29
- 52
12
votes
5 answers
JQuery Mobile Scrolling not smooth on iOS
I have a multi-page app written with JQuery 1.4, displayed in an iOS WebView. It uses a static header and the content has 20 or so divs with embedded images and text. I am not using PhoneGap.
In the WebView and in Safari, I can scroll through the…
dixkin
- 811
- 2
- 11
- 20