Преобразование кода из JS в JQuery

Question

Я нашел немного кода для запуска панели инструментов и вам нужно немного помочь преобразовать его в jquery, чтобы я мог использовать свой существующий код с ним.

scroll_final=document.body.scrollTop; 
scroll_final=document.documentElement.scrollTop; 


var toolbarid=document.getElementById('toolbar'); 
toolbarid.style.visibility='hidden'; 


toolbarid.style.opacity='1.00'; 
toolbarid.style.filter='alpha(opacity=100)'; 
toolbarid.style.visibility='visible'; 

Как всегда ... спасибо за вашу помощь, Тодда

Answer 1

Если вы посмотрите на doco for the jQuery .scrollTop() method, в нижней части есть некоторые комментарии по этому поводу работает по-разному в разных браузерах, если вы пытаетесь чтобы получить верхнюю часть всего документа. Поэтому в зависимости от вашего браузера попробовать:

scroll_final = $("body").scrollTop(); 
scroll_final = $(document).scrollTop(); 
scroll_final = $(window).scrollTop(); 
scroll_final = $("html").scrollTop(); 

Для вашего другого кода, что-то вроде этого:

var $toolbar = $('#toolbar'); 
$toolbar.css("visibility", "hidden"); 

$toolbar.css({ 
    opacity : '1.00', 
    filter : 'alpha(opacity=100)', 
    visibility : 'visible' 
}); 

Я предполагаю, что часть, где вы установили его скрытые и ту часть, где вы установили другие свойства и сделать его видимым в разных обработчиках событий или что-то в этом роде, потому что, если все это в одном блоке кода, все будет выполняться до того, как браузер перекрасит.

Вместо того, чтобы устанавливать свойство «видимости» вы можете использовать:

$toolbar.hide(); 
// OR 
$toolbar.fadeOut(); 

// and then 
$toolbar.show(); 
// OR 
$toolbar.fadeIn(); 

Но обратите внимание, что .hide() является эквивалентом .css('display', 'none').