title: Sticky Title and Button in a Modal
body: <p>I am using jquery fancybox to create a modal.</p>
  
  <p>Here is the <a href="http://jsfiddle.net/53dvyats/2/" rel="nofollow noreferrer">JsFidlle</a> example</p>
  
  <p>I have two questions.</p>
  
  <ol>
  <li><p>I wanted to load a modal on page load so i have used the following
  method</p>
  
  <pre><code>  $("#ModalPopup").fancybox({
       }).trigger('click');   
     });
  </code></pre>
  
  <p>Is this fine or any better way to do it?</p></li>
  <li><p>I have Title at the top of the modal and a Button at the end of the
  page. So when we scroll then Title and Button should be sticky</p>
  
  <pre><code>&lt;div id="ModalPopup"&gt;
      &lt;h1&gt;Title&lt;/h1&gt;
   ......
   .......
      &lt;div &gt;
          &lt;button type="button" class="btn-primary"&gt;Click&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I make Title and Button sticky?</p></li>
  </ol>
  
  <p>Any help or suggestion would be appreciated.</p>
  
  <p>Thanks in advance</p>