How to avoid the lightbox code from jumping to the top of the page.

  • Profile Image
    phoebeseward
    Asked on June 23, 2015 at 06:53 PM
    Also: the images that link to the forms are in the middle part of the page, and when a form lightbox is opened & then closed, it returns to the page, but to the top of the page. In other words, someone looking at the page would click an image for the lightbox to open to learn more information, then X out of the form and need to scroll back down again. Is there a way to fix this so that once they X out they are exactly in the same position on the page as they were when they opened the lightbox?
  • Profile Image
    BDAVID
    Answered on June 23, 2015 at 07:01 PM

    Please try removing the number 2 in your lightbox embedded code:

    <script src="https://secure.jotform.com/static/feedback2.js?3.3.7626" type="text/javascript">

    var JFL_51732076637155 = new JotformFeedback({

    formId:'51732076637155',

    base:'https://secure.jotform.com/',

    windowTitle:'Equitable Distribution &amp; Divorce Appraisals',

    background:'#ffffff',

    fontColor:'#000000',

    type:1,

    height:500,

    width:700,

    openOnLoad:false

    });

    </script>

     

    Then save, let us know what happens.

  • Profile Image
    phoebeseward
    Answered on June 23, 2015 at 07:20 PM

    This seems to do the trick and solve the problem of the page jumping back to the top once the lightbox is Xed out.  

     

    However, now other images that are on the page but are not linked to a form do not load / have disappeared.

  • Profile Image
    BDAVID
    Answered on June 23, 2015 at 07:53 PM

    I think the DOCTYPE declaration in your page should be updated from this:

    To this one:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

    Just to let you know, when your Lightbox script source doesn't have "2" after feedback, it means you are using the prototype script. I think you might need to deal with  prototype and jQuery conflicts: http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/

    Let us know what happens, we will be glad to assist you.