WordPress.org

Ready to get started?Download WordPress

Forums

Lightbox Plus Colorbox
[Plugin: Lightbox Plus] iPhone issues (4 posts)

  1. CarolineElisa
    Member
    Posted 2 years ago #

    Hi there,

    I realise these are issues with many lightbox plugins, but really hoping there is a solution that I can use with Lightbox Plus!

    Most importantly - I am unable to scroll the popup on an iPhone. Instead, the background page scrolls whilst the popup stays static.

    Also an issue - The popup has a large space below it, so that it is not centred vertically nor is is using the entire screen space available. Fortunately the overlay colour takes up the full height, so it does not look as bad as it could.

    Anyone know of any fixes?

    http://wordpress.org/extend/plugins/lightbox-plus/

  2. NhungH
    Member
    Posted 1 year ago #

    I have the same problem. And still none found a solution yet?

  3. attosoft
    Member
    Posted 1 year ago #

    This is just for your information.

    I am unable to scroll the popup on an iPhone. Instead, the background page scrolls whilst the popup stays static.

    Some plugins have an option to show the image in fixed/absolute style, but I don't know whether Lightbox Plus has such option.

    • Auto ThickBox Plus: Settings - Auto ThickBox Plus - View - Position - Window - Fixed/Absolute
    • FancyBox for WordPress: Settings - Fancybox for WP - Behaviour - Center on Scroll - Keep image in the center of the browser window when scrolling
    • Easy FancyBox: Settings - Media - FancyBox - Window - Center while scrolling

    The popup has a large space below it, so that it is not centred vertically nor is is using the entire screen space available.

    Some plugins support mobile devices such as iPhone and Android.

    I think you can find more plugins if you search the net.

  4. Ms_G
    Member
    Posted 1 year ago #

    Hi,

    I fixed the scrolling issue by adding the following CSS to the parent elements that hold the iframe:

    #cboxLoadedContent, #cboxContent{
    -webkit-overflow-scrolling: touch!important;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic