將代碼從JS轉換到Jquery

我發現了一些代碼來運行工具欄，並需要一些幫助將它轉換爲jQuery，以便我可以使用現有的代碼。將代碼從JS轉換到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';

一如往常...謝謝你的幫助，託德

來源

2012-02-09 maddogandnoriko

你檢查了文檔嗎？ – SLaks 2012-02-09 02:50:11

http://docs.jquery.com/Tutorials – 2012-02-09 02:52:53

如果你看一下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')等同。

來源

2012-02-09 02:55:25 nnnnnn

只需添加一個註釋：'filter：'alpha（opacity = 100）''應該被移除。 jQuery知道如何在需要時將不透明度轉換爲IE8和低於過濾器的值。 – JayC 2012-02-09 04:22:54

非常感謝您......我知道所有正確的方法，只是無法將它們連接在一起。 – maddogandnoriko 2012-02-09 12:57:54

將代碼從JS轉換到Jquery

回答

相關問題