The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS custom iframe scrolling

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #39582


    I have a page where it has an iframe containing a pdf. This page is going to be used only with google chrome, on a touchscreen computer.

    Now the problem the end user faces at the moment is that if the pdf is more than two pages long and they need to scroll down, the default scroll bars are too small to use for navigation with your finger.

    Ive tried using webkit to change the style/format of the scroll bar which works but not in an iframe :( example

    Does anyone have an idea of how i can fix this problem, Even if there are custom up/down arrows on the page that will scroll the iframe. All i need is the end user to scroll up/down the pdf with ease (user friendly).

    URL to page im trying to edit link.


    Couple things you could try

    – remove static height and width for iframe, or set to 100%
    – set page overflow to overflow-y:auto;

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.