How can I make the side scroll work smoothly. Suggestions

Questions
1

I am facing the problem of slow scrolling of the web app prototype on "mobile phones". Any suggestions to make it smoother and faster? I am making use of Layout to make the app responsive. I hope that is not causing any issue.

https://math-worksheets-three.vercel.app/

I am using Window component with these parameters

var win = new Window(
			{
				backgroundColor:black,
				scrollBarColor:black,
				 swipe: "vertical",     
                slide: false,                 
                slideFactor: 0.9,          
                slideSnap: true,            
                slideSnapDamp: 0.1,     
                scrollWheel: true,           
                scrollBarActive: true,       
                scrollBarDrag: true,         
                scrollBarColor: dark,       
                scrollBarAlpha: 1,        
                scrollBarFade: false,      
                scrollBarH: false,          
                scrollBarV: true,           

                 interactive: true,      
			});  
     		 win.scrollBar.size = 10;            
            win.scrollBar.minSize = 20;         
            win.scrollBar.corner = 5;         
            win.scrollBar.spacing = 5;         
            win.scrollBar.color = green;
2

As it is, it works fine on both my devices which are fairly old. You have turned off slide. When you turn slide on, is that when there were issues? Can you turn slide on for us so we can test?

3

In general, here are some tips for performance: Optimizing ZIM

4

Ok. I updated the files and commented out slide and swipe to their default behavior, ie. true for both.
I see it's just vertical orientation of mobile, the scroll bar stutters and is not smooth. While in horizontal orientation, it slides good.

5

Let us know if you figured out a fix - are you trying on different devices?

6

Yes. Thanks. I think the stuttering effect in sliding is not much noticeable now, in my latest build. So it's fine now.

1 Like