Блог

я пытаюсь использовать ту же функциональность @ http://bit.ly/99a5El

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

я прошу кого-нибудь, пожалуйста, помогите мне … заранее спасибо…

В вашей демонстрации внесите изменения, указанные ниже.

В CSS:

 #content {
  padding: 0px;
  margin: 0 auto;
  margin-top:200px;
  width: 700px;
  text-align:left;
  z-index:1;
  position: relative;
}

#layout {
  width: 700px;
  position:absolute;
}
  

Полный файл JS:

 <!-- Function -->
var positionClosed = 0; // the vertical position of the title when minimized
 $(function(){
  positionClosed = $(window).height() - // window size
    $('#footer').height() - // footer size
    $('#content').css('margin-top').replace('px', '') - // margin from top
    $('.trigger').height() - // title size
    20; // a little margin

  $("#content").css('top', positionClosed);
  $('.toggle_container').hide();

  $(".trigger").click(function(){
    $(this).toggleClass("active").next().slideToggle("slow");
    if(!$(this).hasClass('active'))  
      $('#content').animate({top: 0}, 'slow');
    else
     $('#content').animate({top: positionClosed}, 'slow');
  });
});
  

Вы должны использовать position:fixed в CSS-файлах для верхнего и нижнего колонтитулов с bottom:0px для нижнего колонтитула и top:0px для заголовка.