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

  • phoebeseward
    Asked on June 23, 2015 at 6: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?
  • David JotForm Support Manager
    Replied on June 23, 2015 at 7: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.

  • phoebeseward
    Replied on June 23, 2015 at 7: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.

  • David JotForm Support Manager
    Replied on June 23, 2015 at 7:53 PM

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

    How to avoid the lightbox code from jumping to the top of the page Screenshot 20

    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.