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'; 

...あなたはdoco for the jQuery .scrollTop() methodを見れば、一番下にあなたがしようとしている場合は、別のブラウザでは異なる作業それについていくつかのコメントがあります

Answer 1

トッド、あなたの助けをありがとうドキュメント全体の先頭を取得します。私はあなたが隠さに設定部分と、あなたが他のプロパティを設定する部分を想定

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

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

と：あなたの他のコード、このような何かのために

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

：だからあなたのブラウザの試みに応じて、それがブラウザの再描画の前にすべて実行されるため、同じコードブロック内にある場合は、別のイベントハンドラや何かの中に見えるようにします。

よりもむしろあなたが使用できる「可視性」プロパティを設定：

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

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

しかし.hide()が.css('display', 'none')と同等であることに注意してください。