I currently am working with a web company who has coded most of my website. They are about to hand the site off to me however there is an issue with the parallax scrolling in Safari; Works great in all other browsers. Also, I have a widget on the left side of the page that is affected as well. Very choppy when scrolling vertically. Any suggestions and help is greatly appreciated. Here is the link to the site:
http://zerochroma.nclud.me/product/vario-protect-iphone-4-4s
The issue seems to be in safari only.
Related
Is there a trick to getting datatables.js horizontal scrolling with fixed columns to work on mobile? Things work great on desktop or in chrome-dev with dimensions of an iphone, but when actually viewing on an iphone, scrolling horizontally moves the entire table and the fixed columns don't work.
OK - the issue here was that things were in an iframe, and mobile browsers seem to take control of sizing of iframes and this is what was causing the problem.
Adding an inner div and some css per https://davidwalsh.name/scroll-iframes-ios seemed to address it.
I am creating a site in pure Famo.us, I wanted to have 1 page with sections where the user has possibility either click on links and scroll to anchors or scroll sequentially to get to sections. I used initially famo.us scrollview, but its behavior was not was not similar to browser scroll - I tried many options. I implemented my own scroll with Scrollsync, modifier and transition but it still does not feel similar to browser scroll. But the main problem that on Laptop and Desktop PC - I need to set different scrollscale to function normally. Here is the app:
https://svet15.herokuapp.com/
Can anybody give a direction to solve the problem with syncscale and maybe how to make scroll similar to browser native scroll.
P.S. I keep mobile view separately from desktop, so window.width should be more than 500 to see the desktop view where I have this problem. Thank you in advance!
I noticed that often when I scroll my bootstrap-page through chrome (mobile version), some parts freeze and other one scroll over and the effect is like image flickering.
I checked on my tablet (samsung galaxy tab 2) and on a friend's galaxy note.
Chrome browser is updated to current version!
For example I can get this effect scrolling down also the bootstrap documentation page like as http://getbootstrap.com/getting-started/
Why does it happen? Did you aware same issue?
Is it a chrome bug? Can I fix it through code?
Thanks a lot!
You can avoid the flickering by using this at the beginning of CSS
*{
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
}
I am using the GitHub leaves library to implement a PDF Reader with page flip transition. Every thing is working perfect in iPad/iPhone simulator. But when I installed the same on device, the page flip transition on landscape mode is getting slowed. ie, When two pages are showing. Can anybody give me any suggestion to solve this issue.
Thanks in advance.
Are you reading your PDF images from disk as the user flips? Preloading them in the background could help speed things up.
I have a horizontal scrolling site that uses jquery to reverse the mouse axis on the scroll wheel on the mouse. This works fine on every browser apart from safari. The address of the page with the scrolling is here: http://www.jamesbells.com/index.php?page=alias
Can anyone help - all I need is for the mouse wheel to scroll left and right when moved up and down.
Cheers
Jon
This could be another way to go with more customizations available.