Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slow and choppy scroll on iPad #573

Closed
ThomasArdal opened this issue Apr 5, 2013 · 4 comments
Closed

Slow and choppy scroll on iPad #573

ThomasArdal opened this issue Apr 5, 2013 · 4 comments

Comments

@ThomasArdal
Copy link

When visiting http://mleibman.github.com/SlickGrid/examples/example-optimizing-dataview.html from an iPad, scroll the list is slow and choppy. Would be cool to get a nice sliding feal on mobile devices the same way as on desktop.

@jcready
Copy link

jcready commented Apr 5, 2013

This is a limitation of iOS. You can get smooth scrolling by adding the following CSS rule:

.slick-viewport { -webkit-overflow-scrolling: touch }

However, the rows won't be redrawn until the scrolling stops.

@wtvamp
Copy link

wtvamp commented Aug 28, 2014

Just an addtional comment because the above did not work out of the gate. Overflow has to be set to scroll for this work, so the rule should look like:

.slick-viewport {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

@ThomasArdal
Copy link
Author

I'm using:

.slick-viewport 
{
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden !important;
}

@snprabu
Copy link

snprabu commented Oct 27, 2017

if i am using slick slider in one of my page, then the page loose smooth scroll in ios device. is anyone faced some problem like this?

jesenko pushed a commit to plandela/SlickGrid that referenced this issue Dec 29, 2023
* added `composer.json` to allow fetching of SlickGrid as `composer` package

* feat(plugins): add header/grid menu item "hidden" property
- in some cases we might want to use "disabled" but in other cases we might want to use "hidden"

* refactor(plugins): add "hidden" property to HeaderButton plugin as well

* refactor(plugins): add "hidden" property to all plugins with menu items

* refacor(plugins): add "hidden" property everywhere potentially called

* Feature:TotalCount in Pager - it's now possible to show the number of rows (and begin and end position) in pager

Co-authored-by: arash dalir <ada@gemik.com>
Co-authored-by: ghiscoding <gbeaulac@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants