How to have scroll in the modal?

  • Resolved Alice Brosey

    (@ambrosey)


    11 years, 2 months ago

    We are hoping to use this for a terms and conditions type popup, but it is quite long. Default seems to be that the modal centers on the content (so opening at the middle of the T&C.) We would prefer to have a scroll window for this, and open at the top of the content.

    Any ideas on how to make this happen? I’m quite comfortable with writing my own PHP/jQuery if that’s the only way to do it, but I was thinking there might be an easier way.

    https://www.ads-software.com/plugins/easy-modal/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Daniel Iser

    (@danieliser)

    Sure thing. The way it works by default is based on responsive modals. Is they scroll with the body for mobile etc. to do what you want try these solutions

    Set a custom height for the modal and in your css do a rule like #eModal-1 { overflow:scroll}

    Other option is to use css to define a height and scroll box on the content itself. Ie add a container via the editor with a class you can attach height and overflow to.

    If the modals content is defined at x high the modal will only be x + theme padding high.

    Position is determined by scroll amount and determined to be 100px from the top odge of the window + scroll height.

    Plugin Author Daniel Iser

    (@danieliser)

    Did that work for you?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to have scroll in the modal?’ is closed to new replies.