Smooth text scrolling on smartphones

Using JavaScript with Hype
1

i´m looking for a script, which enables smooth scrolling in hype.
the problem now is, if you have a lot of text and set scrollbars to “auto” on devices the text scrolls only as long as you move your finger. but it would be much easier to touch the text and it scrolls further automatically, that kind of ios-scrolling.
Does anyone know something?
i know iScroll, but think, there must be a better way?

2

Not a solution but some good background on why and what and woe :wink:

and

3

thanx-good information but doesn´t catch my intension.

4

webkit (iOS)

overflow-y: scroll;
-webkit-overflow-scrolling: touch;

5

@h_classen - thank you very much - this is cool working, also on android chrom.
the only problem i get is on android firefox. but as far as i read firefox uses same kit:
-webkit-overflow-scrolling: touch;
or

-webkit-overflow-scrolling: auto;

1 Like
6

Forgive me for my foolish question but I’m new to scripts. I wish I could use this -webkit-overflow-scrolling: touch; function, but where on Earth do I put it on my document? :)))

Kind regards

7

put it in the head:

	<style type="text/css">
        .scroll{   /*webkit iOS,Chrom*/
overflow-y: scroll; 
       -webkit-overflow-scrolling: touch;
}
   }
  </style>

this also will help you.
smoothTextScroll.hype.zip (49.2 KB)

2 Likes
8

Thank you very much! I’ll try immediately!