2012-01-10 1 views
0

я пытаюсь иметь Tipical меню следующей веб-странице свитка,следующий заголовок на странице свитка не ниже

я хотел изменить положение, связывающее MarginTop со страницей свитка,

$(document).ready(function(){ 

    $(window).scroll(function(){ 
     var v= $(document).scrollTop(); 
     console.log(v); 
     if(v>50){ 
      $('.menu').css({'marinTop':v+'px'}); 
      console.log(true); 
     }else{ 
      $('.menu').css('marginTop','50px');       
      console.log(false); 
     } 
    }); 
}); 

но просто привычка двигаться бар ...: S

+2

У вас есть extra parenthese здесь: 'function() ({' –

+0

OH Man .... спасибо! –

ответ

1

Здесь:

$(document).ready(function(){ 
    $(window).scroll(function(){ 
     var value = $(window).scrollTop(); 
     if(value>+$('.menu').css('marginTop').replace(/px$/, "")) { 
      $('.menu').css({'position':'fixed','top': 0}); 
     }else{ 
      $('.menu').css('position','static');       
     } 
    }); 
}); 

Фиксированные 2 вещи:

  • Убрана ".px" (css("marginTop") возвращает "50px", который не может быть по сравнению с числом)
  • Вы действительно должны использовать «position: fixed» вместо Javascript обновляемый «position: absolute»
+0

Я думаю, что буду использовать этот подход, в конце. поэтому элемент может быть в любом месте http://jsfiddle.net/8zLuz/43/ –

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

  • Нет связанных вопросов^_^