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
8
votes
2 answers
Improving Scroll Smoothness in an Android ListView
I have a an Android ListView that has small (say, 1-5 frame) stutters as it is scrolling, about every second or so. I realize that many Android phones have these problems with animation smoothness, however, on my phone (Motorola A855 running…
charleslparker
- 1,904
- 1
- 21
- 31
8
votes
3 answers
Setting HTM5 text kills scrollbar drag in Chrome
I have a timer in Javascript that fires once per second to update some text in the page (HTML5) like this:
document.getElementById('CountDown').innerHTML = "some string";
This works fine except that if this code runs while the user is dragging a…
Andrew W. Phillips
- 3,254
- 1
- 21
- 24
8
votes
2 answers
JavaScript scroll based animation is choppy on mobile
I have 2 divs (left and right) and i want to scroll the left based on the right.
https://jsfiddle.net/3jdsazhg/2/
This works fine on desktop, but when i change to mobile, it's not smooth anymore...
This can be noticed very easily, by changing…
Inc33
- 1,747
- 1
- 20
- 26
7
votes
4 answers
Flutter Web "smooth scrolling" on WheelEvent within a PageView
With the code below
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key key}) : super(key: key);
@override
Widget build(BuildContext context) => MaterialApp(
…
Francesco Iapicca
- 2,618
- 5
- 40
- 85
7
votes
1 answer
Horizontal Scrolling using buttons in Reactjs
I'm making a horizontal scroll on a div element using left and right buttons.
I initially achieved the same with refs.
onClickLeft = () => {
this.props.refELement.current.scrollLeft -= 300;
}
onClickRight = () => {
…
Pritam Pathak
- 159
- 1
- 1
- 8
7
votes
1 answer
Ipad/Iphone like scrolling
Have any of you seen like a javascript library that allows fluid div scrolling. I kind of want to do something like the scroll bars in google wave...but maybe less annoying. I happen to love them but it doesn't seem like they're getting that good…
iAmDecim
- 403
- 4
- 11
7
votes
2 answers
jQuery Smooth Scrolling
I've tried to implement smooth scrolling into an index of info. I've looked at this jsFiddle http://jsfiddle.net/9SDLw/ and I cannot get it to work. Does it matter where the code is inserted into the HTML Document or something?
Here is my code:
JS…
bntrns
- 454
- 1
- 8
- 16
6
votes
2 answers
How to use smooth-scroll from tailwindcss in React?
I have created a one-page website using tailwindcss and React. In the prototype I use the tailwindcss class "scroll-smooth" and it works. In React the class "scroll-smooth" does not work, but what is the…
Gregor Wedlich
- 654
- 6
- 14
6
votes
1 answer
Auto Scroll collectionView smoothly and continuously like Marquee in swift ios
I am getting list of data need to show at bottom like new tricker in iOS automatic smooth and continuous Scrolling.
how to achieve that kind of behaviour like Marquee to collectionView because I need index position value.
Chetan Pote
- 89
- 3
6
votes
2 answers
How to make Element.scrollIntoView() on Chromium-based browsers not depend on smooth-scrolling flag?
I have a JavaScript function that attempts to smoothly scroll an element into view:
dom_element.scrollIntoView({
'behavior': 'smooth',
'block': 'nearest'
});
On Firefox, this works perfectly fine.
But I realized that scrolling was instant,…
light
- 4,157
- 3
- 25
- 38
6
votes
4 answers
How to Instantly Scroll to Position?
How to instantly scroll window to some position with JavaScript, when smooth-scrolling is enabled?
:root {
scroll-behavior: smooth;
}
Is there a way to ignore this CSS rule? Something like this:
window.scrollBy({ top: 0, behavior: 'instantly'…
Monsieur Pierre Doune
- 687
- 8
- 29
6
votes
1 answer
Virtualized TreeView - Unstable behaviour while scrolling
Following this question and this question, now I have a TreeView with Hierarchical Data like the picture below:
Because of the big amount of data, I have turned Virtualization property of the TreeView on…
Yvonnila
- 635
- 1
- 5
- 22
6
votes
3 answers
Smoothscroll doesn't work in chrome but works in other browsers
I have a button (it is a Font awesome icon), which if you click on it it scrolls to a specific div. In Safari it worked but now I am testing it in Chrome it doesn't work.
The script I am using…
Julian
- 361
- 1
- 4
- 18
6
votes
0 answers
Custom RecyclerView LayoutManager does not fling (smoothly)
I am working on an application which looks somewhat like this:
The RecyclerView uses a custom LayoutManager with a custom implementation of "scrollVerticallyBy"
First of. The recyclerview scroll butter smooth and renders in way less than the…
Markus
- 2,526
- 4
- 28
- 35
6
votes
1 answer
jQuery smooth scroll snippet works with different speed
Ive got this rather popular code:
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
});
});
And in…
Piotr Uchman
- 119
- 1
- 7