SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict zeeb44's Avatar
    Join Date
    Apr 2011
    Location
    Greenville, SC
    Posts
    202
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Parallax scroller issues on iphone

    on our website http://familydentalhealthonline.com/ we have a parallax slideshow thing on the home page. Works great, but then when you view it on an iphone and or tablet and try using your finger to scroll, it wont scroll if you press down on the slideshow. You have to click around it. Any way to fix this?
    Personal Portfolio - Zeeb44
    IT Manager for - Family Dental Health

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Just as a suggestion, you could resize the image and its container at small screen sizes. E.g.

    Code:
    @media only screen and (min-width : 320px) and (max-width : 480px) {
    .da-img {width: 40% !important;}
    .da-img img {width: 100%;}
    }

  3. #3
    SitePoint Addict zeeb44's Avatar
    Join Date
    Apr 2011
    Location
    Greenville, SC
    Posts
    202
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Just as a suggestion, you could resize the image and its container at small screen sizes. E.g.

    Code:
    @media only screen and (min-width : 320px) and (max-width : 480px) {
    .da-img {width: 40% !important;}
    .da-img img {width: 100%;}
    }

    Yea I haven't worked on that yet. Just trying to figure out the issue with not being able to scroll on an iphone or ipad. Thanks though.
    Personal Portfolio - Zeeb44
    IT Manager for - Family Dental Health


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •