jQuery來閉幕（保持頭在屏幕上）

我正在使用Closureextensively網站。當其他所有內容滾動時，我需要製作一個標題行。我知道如何只用幾行代碼，爲此在jQuery的：jQuery來閉幕（保持頭在屏幕上）

$(window).load(function(){ 
    $('#main_box').scroll(function() { 
     $('#header').css({ 
      'top':$('#main_box').scrollTop() 
     }); 
    }); 
});

但對我的生活，我不能找出或發現任何文檔/教程/例子，說明如何做類似的東西關閉。我如何將轉換成Closure？

更新：這是在使用的HTML結構：

<div id="main_box"> 
    <div id="header"></div> 
    <div id="content"></div> 
</div>

來源

2013-03-19 Justin808

你是什麼意思標題行？這是表格的標題行嗎？因爲沒有很好的辦法做到這一點的X瀏覽器（很多黑客的四周，有的甚至工作）。你也都出現不會使頭棒jQuery的，它基本上只是禁用滾動main_box元素。如果你只是想一個元素留在一個固定的位置，那麼你應該看看固定的CSS佈局。 – gatapia 2013-03-20 03:39:30

@gatapia - 我已經添加的代碼使用的HTML結構。標題div包含一個「行」，內容div包含很多「行」。 – Justin808 2013-03-20 17:37:41

如果你想獲得的東西粘在視口頂部時，頁面滾動了過去，看看goog.ui.ScrollFloater - >http://closure-library.googlecode.com/svn/docs/class_goog_ui_ScrollFloater.html

然而，對於這個特殊的例子，你可以做...

var mainBox = goog.dom.getElement("main_box"); 
goog.events.listen(mainBox, goog.events.EventType.SCROLL, function(){ 
    goog.dom.getElement("header").style.top = goog.style.getPageOffsetTop(mainBox); 
}, false, this);

我不知道該getPageOffsetTop類似於瀏覽器對scrollTop jQuery中（）方法，但我猜東西在風格庫（可能goog.style.getClientPosition（）） - >http://closure-library.googlecode.com/svn/docs/closure_goog_style_style.js.html

來源

2013-03-20 01:00:51 ne8il

jQuery來閉幕（保持頭在屏幕上）

回答

相關問題