將Jquery轉換爲Javascript

我得到了一個代碼，我的需求是jquery。任何一個可以請它轉換成普通的JavaScript

$(window).scroll(function() { 
    var scrollTop = $(window).scrollTop(); 
$("#mybox").css("top", scrollTop + "px"); 
});

CSS部分

#mybox 
{ 
    position:absolute; 
    width:200px; 
    height:50px; 
    background-color:red; 
}

我使用它顯示在頁面的底部浮動連桿即使用戶通過頁面

<script type="text/javascript"> 
window.addEventListener('scroll', function() { 
    var scrollTop = window.pageYOffset; 
    document.getElementById('worklist').style.top = scrollTop; 
}); 
</script> 
<div id="worklist" style="position: absolute; bottom: 5px; right: 50px;"> 
<a href="LinkHere"><h2>Work List</h2></a> 
</div>

導航

來源

2012-07-06 Reddy

你爲什麼要這麼做？我願意花一些時間來學習jQuery。我相信你會發現在大多數任務中使用普通的javascripts會更容易，更快速。 – Thomas 2012-07-06 06:25:17

「任何人都可以轉換它」：你試過什麼......？也許我們可以幫助你解決任何問題...... – radimpe 2012-07-06 06:27:04

那麼，jquery是開源的，它是純javascript，所以爲什麼不從開始看一些提到的功能來源，看看你能想出什麼。然後回到這裏的示例代碼，也許我們可以幫你完成它。 – sberry 2012-07-06 06:27:27

我猜測，也許這就是你想要什麼：

http://jsfiddle.net/fuJbh/

window.addEventListener('scroll', function() { 
    var scrollTop = window.pageYOffset; 
    document.getElementById('worklist').style.bottom = -scrollTop + "px"; 
});

這將讓您在頁面的底部鏈接。

希望這會有所幫助！

Andy。

來源

2012-07-06 12:23:48 Andy

關閉我的頭頂，像這樣：

window.addEventListener('scroll', function() { 
    var scrollTop = window.pageYOffset; 
    document.getElementById('mybox').style.top = scrollTop; 
});

來源

2012-07-06 06:36:12 mzgajner

事件的名稱是錯誤的。它只是'scroll' - [element.addEventListener（MDN） ]（https://developer.mozilla.org/en/DOM/element.addEventListener） – Andreas 2012-07-06 06:46:51

謝謝，編輯答案 – mzgajner 2012-07-06 06:56:44

我正在使用，以保持鏈接浮動在頁面的底部，同時滾動頁面向上/向下/導航。但是這個JS並不適應：（ – Reddy 2012-07-06 09:38:40

等效的JavaScript用於獲取窗口的滾動事件

window.onscroll =（）函數

{

//在這裏寫下你想，當你滾動做什麼。

}

來源

2012-07-06 06:59:36 Narendra

但是我建議學習jQuery，它會讓你的JavaScript編碼變得簡單快捷。你可以從這裏開始http://www.w3schools.com/jquery/default.asp 它將花費最多2-3小時來學習jQuery的基礎知識。 – Narendra 2012-07-06 07:01:50

[爲什麼你不應該使用w3schools.com]（http：// http：//w3fools.com/）;） – Andreas 2012-07-06 07:07:58

將Jquery轉換爲Javascript

回答

相關問題