title: Resolution: Keep element in view while scrolling using jQuery
body: <p>I have to keep the element in view while scrolling. i have done it and it's working fine in all the browser, but not wise resolution wise. </p>
  
  <pre><code>   $(function() {
              var offset = $(".sysIcons").offset();
              var topPadding = 15;
              $(window).scroll(function() {
                  if ($(window).scrollTop() &gt; offset.top) {
                      $(".sysIcons").stop().animate({
                          marginTop: $(window).scrollTop() - offset.top + topPadding
                      });
                  } else {
                      $(".sysIcons").stop().animate({
                          marginTop: 0
                      });
                  };
              });
          });
  </code></pre>
  
  <p>it's working fine in 1024 x 768, 1280 x 735, </p>
  
  <p>But not in  1360X768, - problem is while scrolling till at the end of the window, it will not stop. continuously animate while scrolling.</p>
  
  <p>please help me out </p>