Scrollable header strip that moves along as I scroll down Page

Scrollable header strip that moves along as I scroll down Page

Hello All.
My first post on here. Hope I get some help from the specialists.

I have a web page with a header strip. It contains the site logo, a search facility and some html for showing shopping cart summary etc. I want that as I scroll up/down my page, this strip should scroll along with me as well. In essence a mobile header strip, like you see in many sites. See the header strip where the logo and all that is present: 

The html for this all is like:
  2. <div class="container">
  3.     <div class="row">
  4.         <div class="span12">
  5.             <div class="toprow-1">
  6.                 <a class="swipe-control" href="#">
  7.                     <i class="icon-reorder"></i>
  8.                 </a>

  10.                 <div class="top-search">
  11.                     <i class="icon-search"></i>
  12.                 </div>
  13.             </div>
  14.         </div>
  15.     </div>
  16.     <div class="row">
  17.         <div class="span12">
  18.             <div class="mobilelogo mobivisible">
  19. <div class="customer_support">Delivery only in Kolkata, Minimum Order Amount 1,850.00 INR<br> Customer Support: +91  9836757590</div>
  20. <div id="logo"><a href="/Home/Home"><img src="/Images/iconvdv.jpg" title="VinoDivino.com" width="190px" height="110px" alt="Vino Divino Home"></a></div>
  21. </div>
  22.             <div id="stickyribbon" top:0px"="">
  23.     <div class="header">
  24.     <div id="logo">
  25.         <a href="/Views/Home/Index">
  26.             <img src="/Images/iconvdv.jpg" title="VinoDivino.com" alt="Vino Divino Home" height="110px" width="190px">
  27.         </a>
  28.         
  29.     </div>
  30.     <div id="search">
  31.         <div class="inner">
  32.             <div class="button-search">
  33.                 
  34.                 <input type="text" name="Search" placeholder="Search" value="">
  35.                 <div class="search_btn"><img src="/Sliders/srch1.png" height="36px" width="36px"></div>
  36.                 
  37.             </div>
  38.         </div>
  39.     </div>
  40.     <div class="cart-position">
  41.         <div class="cart-inner">
  42.             <div id="cart" class="">
  43.                 <div class="heading">
  44.                     <span class="link_a">
  45.                         <img src="/Images/cart_icon.png" height="26px" width="26px">
  46.                         <b>CART: </b>
  47.                         <span class="sc-button"></span>
  48.                         <span id="cart-total2"></span>
  49.                         <span id="cart-total">
  50.                             0 Item(s)
  51.                             <strong>INR 0.00</strong>
  52.                         </span>
  53.                         <i class="icon-angle-down">
  54.                             <img id="popdowncart" src="/Images/popdown.jpg" width="30px" height="30px">
  55.                         </i>
  56.                         <span class="clear"></span>
  57.                         
  58.                     </span>
  59.                 </div>
  60.                 <div class="content">
  61.                     <div class="content-scroll">
  62.                         Your shopping cart is empty!
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.         </div>
  67.     </div>
  68.     <div class="clear"></div>
  69.     </div>

  71. </div>
  72.         </div>
  73.     </div>
  74.     <div id="menu-gadget">
  75.         <div class="row">
  76.             <div class="span12">
  77.                 <div id="menu-icon">Categories</div>
  78.                 <ul id="nav" class="sf-menu-phone">

  80.                 </ul>
  81.             </div>
  82.         </div>
  83.     </div>
  84.         
  85. </div>

There's not much into all that html, basically a div class 'container' -> then class 'row' -> then 'span12'. that's how it's built. The 'container' is the main parent container for the strip. I understand, we have to keep altering the css for this strip dynamically as the document senses a scroll event happening on it to make the strip move along with the document as I scroll it up/down. Just haven't got enough ideas to put together the jquery code block

Please help me develop the jQuery for this scrolling header. Look forward to receiving all the help from you on this matter.
Thanks in advance.