如何在頁腳

How can I have a sliding menu div that doesn't move unless the page is scrolled down past a certain point 如何在頁腳

我使用的代碼從這個鏈接，一個浮動菜單停止浮動（滑動）股利。它有如何停止標題停止浮動，但不是在頁腳。我如何修改此代碼以停止在頁腳？

//// CONFIGURATION VARIABLES: 

var name = "#sidebar"; 
var menu_top_limit = 0; 
var menu_top_margin = 0; 
var menu_shift_duration = 500; 
var menuYloc = null; 
/////////////////////////////////// 

$(window).scroll(function() 
{ 
// Calculate the top offset, adding a limit 
offset = menuYloc + $(document).scrollTop() + menu_top_margin; 

// Limit the offset to 241 pixels... 
// This keeps the menu out of our header area: 
if(offset < menu_top_limit) 
    offset = menu_top_limit; 

// Give it the PX for pixels: 
offset += "px"; 

// Animate: 
$(name).animate({top:offset},{duration:menu_shift_duration,queue:false}); 
});

我是應該停止在頁腳另一個類似的代碼，但它不工作：

var name = "#sidebar"; 
var menuYloc = null; 
var footer = '#footer'; //Specify the ID for your footer. 

$(document).ready(
    function() 
    { 
     menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px"))) 
     $(window).scroll(
      function() 
      { 
       var offset = menuYloc + $(document).scrollTop(); 
       var anotherOffset = offset; 

       var docTop = $(window).scrollTop(); 
       var footerTop = $(footer).offset().top; 

       var maxOffset = footerTop - $(name).height() - 20; 
       var minOffset = docTop; 

       offset = offset > maxOffset ? maxOffset : offset; 
       offset = offset < minOffset ? minOffset : offset; 

       $(name).animate({top:offset + 'px'},{duration:500,queue:false});  
      } 
     ); 
    } 
);

來源

2009-11-14 Matt

如果你正在尋找如何保持頁腳底部和滾動中間，我想我已經完成了，看到我的博客文章下面（在「在網頁上」）部分去http://www.jimleo.com看到它的行動。

http://jimleonardo.blogspot.com/2009/02/jimleocom-is-back-up-some-how-to.html

來源

2009-11-14 01:01:16

不是真的，吉姆，但感謝您的及時回覆。我有一個有目的的浮動導航菜單，以便用戶不必滾動回到頂部，但它在底部時重疊頁腳。最簡單的解決方案是使頁腳更小（從300px到推薦的241px），但我只是想固執地嘗試使用代碼。 – Matt 2009-11-14 01:12:19

這聽起來像你想有一個頁面頁腳始終可見。創建兩個絕對元素，一個在頁面頂部，一個在底部，不是很容易。然後將所有內容添加到具有100％寬度/高度的div（必須使用javascript來完成）。

然後，你不必鉤住物體的滾動事件（這看起來不會很好）。

如果您在內容前後添加一個偏移量或幾個換行符，它應該比您嘗試的更好。

我已經用my own page here完成了。

來源

2009-11-14 01:47:11 Ben

nope。我有一個像這裏看到的有目的的浮動菜單：http://www.kingtray.com/ – Matt 2009-11-14 02:47:39

回答

相關問題