jQuery Forum

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>
9. 
   
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>
70. 
    
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">
79. 
    
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.