[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Помогите перевести код с jquery на javascript
Oggy
Здравствуйте. Есть такой jquery код:

$(document).ready(function(){
$(window).scroll(function(){
var bo = $(window).scrollTop();
if ( bo > 136 ) {
$('.nav-container').css({'width':'100%','position':'fixed', 'z-index':'9999', 'top':'0'});
} else {
$('.nav-container').css({'width':'100%','position':'relative', 'z-index':'9999', 'top':'0'});
};
})
})

помогите его переделать на javascript
Игорь_Vasinsky
window.onscroll = function() {
var bo = window.pageYOffset || document.documentElement.scrollTop;

var navCStyle = document.getElementsByClassName('nav-container').style;

if ( bo > 136 ) {
navCStyle = '....';
}
else{
navCStyle = '....';
}
}


_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Oggy
Цитата (Игорь_Vasinsky @ 11.12.2015 - 14:17)
window.onscroll = function() {
var bo = window.pageYOffset || document.documentElement.scrollTop;

var navCStyle = document.getElementsByClassName('nav-container').style;

if ( bo > 136 ) {
navCStyle = '....';
}
else{
navCStyle = '....';
}
}

Спасибо за ответ. Код переделал по вашему примеру так:

window.onscroll = function() {
var bo = window.pageYOffset || document.documentElement.scrollTop;

var navCStyle = document.getElementsByClassName('nav-container').style;

if ( bo > 136 ) {
navCStyle = 'width: 100%; position: fixed; z-index: 9999; top: 0;';
}
else{
navCStyle = 'width: 100%; position: relative; z-index: 9999; top: 0;';
}
}


Но почемуто неработает...может етот код тоже перевести нужно ?

$(document).ready(function(){
arbuzmaster
может так надо?
window.onload =function()


_____________
Мой первый сайтик

Посмотри на свой XBMC под другим углом
Oggy
Цитата (arbuzmaster @ 11.12.2015 - 16:30)
может так надо?
window.onload =function()

да, помогло...спасибо большое !
Игорь_Vasinsky
хз. на гугл хром на jsfiddle и без этого фурычит biggrin.gif
там онлоад по дефолту поход cool.gif

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
stump
Цитата (Игорь_Vasinsky @ 11.12.2015 - 18:17)
window.onscroll = function() {
var bo = window.pageYOffset || document.documentElement.scrollTop;

var navCStyle = document.getElementsByClassName('nav-container').style;

if ( bo > 136 ) {
navCStyle = '....';
}
else{
navCStyle = '....';
}
}

Надо Event потому что может отработать до инициализации window.scroll

_____________
Трус не играет в хокей
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.