2012-07-06 3 views
1

Извините, я очень бедна JQuery.Преобразование 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> 
+2

Зачем вам это нужно? Я бы сказал, что у вас есть время, чтобы изучить jQuery. Я уверен, что вы узнаете, что проще и быстрее использовать регулярные javascripts для большинства задач. – Thomas

+0

«может кто-нибудь его конвертировать»: что вы пробовали ...? Может быть, мы сможем помочь с любыми проблемами, которые вы испытываете ... – radimpe

+3

Ну, jquery - с открытым исходным кодом, и это простой javascript, так почему бы не начать, посмотрев источник на некоторые из упомянутых функций и посмотрев, что вы можете придумать. Затем вернитесь сюда с образцом кода и, возможно, мы сможем помочь вам закончить его. – sberry

ответ

2

Я предполагаю, что, возможно, это то, что вы хотите:

http://jsfiddle.net/fuJbh/

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

Это будет держать вашу ссылку на нижней страницы.

Надеюсь, это поможет!

Andy.

1

Off верхней части моей головы, что-то вроде этого:

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

Имя события неверно. Это просто 'scroll' - [element.addEventListener (MDN) ] (https://developer.mozilla.org/en/DOM/element.addEventListener) – Andreas

+0

Спасибо, отредактировал ответ. – mzgajner

+0

Я использую, чтобы поддерживать ссылку, лежащую внизу страницы, при прокрутке страницы вверх/вниз/в режиме навигации ,но этот JS не wokring :( – Reddy

0

Эквивалентный JavaScript для получения события прокрутки окна является

window.onscroll = функция()

{

// Здесь пишут, что вы хотите делать, когда вы перечисляете.

}

+0

Но я предлагаю изучить jQuery, это упростит вашу кодировку JavaScript. Вы можете начать здесь http://www.w3schools.com/jquery/default.asp Это займет 2-3 часа, чтобы изучить основы jQuery. – Narendra

+1

[Почему вы не должны использовать w3schools.com] (http: // http: //w3fools.com/);) – Andreas

Смежные вопросы