2013-03-19 2 views
0

Я работаю над сайтом, который использует Closureextensively. Мне нужно сделать палку строки заголовка, когда прокручивается все остальное. Я знаю, как сделать это в JQuery с помощью всего нескольких строк кода:jQuery to Closure (сохранить заголовок на экране)

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

Но для жизни меня я не могу понять, или найти какие-либо документы/учебники/примеры, объясняющие, как сделать что-то подобное в Закрытие. Как мне перейти на преобразование в Closure?

Update: Вот в HTML структуре используется:

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

Что вы подразумеваете под заголовком? Является ли это строкой заголовка таблицы? Потому что нет никакого прекрасного способа сделать этот x-браузер (много хаков вокруг и некоторые даже работают). Кроме того, jquery, который вы показываете, не делает заголовок, он просто отключает прокрутку элемента main_box. Если вы хотите, чтобы элемент оставался в фиксированном положении, вы должны посмотреть на фиксированную компоновку css. – gatapia

+0

@gatapia - Я добавил структуру html, используемую с кодом. div заголовка содержит одну строку, содержащую div, содержащую множество «строк». – Justin808

ответ

1

Если вы пытаетесь получить что-то прилипает к верхней части окна просмотра, когда страница прокручивается прошлое, заглянуть в 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