固定定位動畫移動導航

我有一個固定的頂級導航，所以當用戶滾動瀏覽大量內容時，導航條就像固定定位應該做的那樣。這是有效的，但是對於移動版本的頁面，我需要一個額外的導航從左側滑出並填充屏幕。我還需要整個網站在添加導航的同時向右移動。現在，固定頂部導航從固定頂部導航不會移動。我可以將onClick定位爲相對或絕對位置，但如果您在頁面內側查看內容，則主導航將在onClick上消失，因爲它不再固定。固定定位動畫移動導航

繼承人的Jfiddle http://jsfiddle.net/vXrEm/1/

再次我真正想要的是滑動與內容的休息權的主要資產淨值和它的工作，看起來像它在同一位置不管多遠下跌在你的頁面上。

$('.hitME').click(function() { 
     if (!$('.siteContainer').hasClass('clicked')) { 
      $('.mobileNav').stop().animate({ right: "0px" }, 450); 

      //Below code will move the entire container but not the .nav div because it is fixed positioning 
      $('.siteContainer').stop().animate({ left: "100%" }, 450); 

      $('.siteContainer').addClass('clicked'); 
     } else if ($('.siteContainer').hasClass('clicked')) { 
      $('.mobileNav').animate({ right: "100%" }); 

      //Below code will move the entire container but not the .nav div because it is fixed positioning 
      $('.siteContainer').stop().animate({ left: "0px" }, 450); 

      $('.siteContainer').removeClass('clicked'); 
     } 
    });

來源

2014-04-09 mike

我最後決定將.nav在另一個固定容器，並取得了.nav位置絕對和它的作品...櫃面有人關心>http://jsfiddle.net/vXrEm/2/

$('.siteContainer, .nav').stop().animate({ left: "100%" }, 450);

來源

2014-04-09 22:22:19 mike

固定定位動畫移動導航

回答

相關問題