Smooth text scrolling on smartphones

scrolling

(strmiska) #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?


(Nick ) #2

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

and


(strmiska) #3

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


Scrolling text box on mobile device
(Hans-Gerd Claßen) #4

webkit (iOS)

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


(strmiska) #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;


#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


(strmiska) #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)


Inertial Scrolling within Group/Symbol
#8

Thank you very much! I’ll try immediately!