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
11
votes
2 answers
Slowly scroll down a page permanently without heavy CPU usage or laggy scrolling
I want to make a page scroll down slowly and smoothly. Well, the speed should actually adjustable. The user should also be able to scroll up manually while the script is scrolling down. First I tried this:
var autoScrollDelay = 1
var…

Forivin
- 14,780
- 27
- 106
- 199
11
votes
1 answer
Disable smooth scrolling?
In Sublime Text 3 (build 3126), is it possible to disable the smooth scrolling effect? I'd rather have it scroll like say Visual Studio where it didn't animate the scrolling. Here is a GIF recording of what I mean:
I'm willing to use a plugin, if…

carefulnow1
- 803
- 12
- 30
11
votes
2 answers
Why does smooth scroll flash before scrolling?
I'm building a single page website that is broken up into sections via anchor tags. When you click on the nav links it smooth scrolls to the section (only funding areas and about us are complete), however, it seems like about 50% of the time when…

reknirt
- 2,237
- 5
- 29
- 48
10
votes
7 answers
Recyclerview not scrolling smoothly before scrolling finish
i am having problem with scrolling i mean the scrool fast but it's look like lagging before scrolling finish
here i define RecyclerView :
RecyclerView recyclerView=fragment.getRecyclerView();
LinearLayoutManager layoutManager = new…

Mohammad Sommakia
- 1,773
- 3
- 15
- 48
10
votes
1 answer
Can we make QTableWidget to smooth scroll its content?
I have a QTableWidget displayed rows with different height. It cause the scrolling behaviour looks jumpy. I think even if all the rows were in the same height, the scrolling is also not smooth.
Haven't found an answer to this issue (or maybe it was…

swdev
- 4,997
- 8
- 64
- 106
10
votes
3 answers
Android WebView smooth scroll
I'm trying to scroll a webview programaticly but I'm having some problems. webView.setScrollY() doesn't give me an animation an webView.flingScroll() seems to behave diffrently depending on how long the page is. What is the best way to do this?

SweSnow
- 17,504
- 10
- 36
- 49
10
votes
1 answer
jQuery Scroll x pixels from top of the page when clicking a link
I have a link which changes its vertical position on scrolling. I want to go to a certain postion (smoothly) on my page when I click this link, which is located exactly 1080px from the top of the page.
I can't get it work, hope someone can help me…

user1715848
- 113
- 1
- 1
- 4
9
votes
11 answers
Smooth scroll in next js
How can I set the scroll effect to smooth (globally) in Next.js?
I tried to do it on the global css, but it deactivates the scroll-to-top that Next js already has.
I tried this solution that i found on internet too, but it didn't worked either.
…

Manuel Nelson
- 137
- 1
- 1
- 8
9
votes
2 answers
Horizontal Smooth Momentum Scrolling
THE PROBLEM: I need to apply some mouse wheel smooth horizontal scrolling to this layout: https://jsfiddle.net/38qLnzkh/.
ALTERNATIVE: I've found this Script that does exactly what I want but it seems to work only vertically: Butter.js. If you can…

David Martins
- 1,830
- 6
- 22
- 30
9
votes
1 answer
Android WebView scroll is not smooth and jumps / have pullbacks
While testing my app on Pixel 3 and Android Pie, I found a weird scroll behavior with a Webview within my app, while scrolling down or up, the scroll is not smooth at all, and sometimes it jumps back to where it was or jumps completely to the top or…

Alejandro
- 325
- 4
- 10
9
votes
1 answer
Smooth Scrolling in CSS
I am trying to get scroll-behavior to work on this site. I have put the scroll-container, put ids, fixed css, but it is just not working. Any ideas as to why smooth-scrolling is NOT working on this?
What I need is the navbar area smooth scroll to…

RJorns
- 281
- 1
- 5
- 9
9
votes
2 answers
Smooth scroll header with fixed position
How to create smooth scroll when I change the position to fixed. I try to add the animation but it does not work. Better use jquery animation();
$(window).scroll(function() {
var sticky = $('.mobile-menu'),
scroll =…

Palaniichuk Dmytro
- 2,943
- 12
- 36
- 66
9
votes
2 answers
jQuery scroll to bottom of element not top
I am using the following to scroll to an element
$("html, body").animate({
scrollTop: $('selector').offset().top
}, 500);
The above code places the element at the top of the browser window when scrolled to it, is there a way I can scroll to the…

ramo
- 945
- 4
- 12
- 20
9
votes
5 answers
How to Set Offsett for Smooth Scroll
I have implemented the CSS Tricks Smooth Page Scroll on my site and it's working pretty nicely. However, because I have a fixed nav at the top of the page, when the page scrolls to the appropriate anchor div, the top of the div disappears behind the…

mcography
- 1,081
- 6
- 19
- 36
8
votes
2 answers
HiTouch_PressGestureDetector error, limitied touch pointer
I'm working on flutter project. I'm using singleChildScrollView and listView for scrolling.
But when I want to scroll in any screen in app I face to this error:
W/HiTouch_PressGestureDetector(20161): Touch pointer move a lot. The moving distance…

Reza Mojed
- 657
- 1
- 7
- 16