Показать и скрыть выравнивание снизу, прокрутка только контента - PullRequest
Новая
       3

Показать и скрыть выравнивание снизу, прокрутка только контента

0 голосов
/ 27 октября 2011

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

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

Я прошу всех, пожалуйста, помогите мне ... заранее спасибо ...

Ответы [ 2 ]

1 голос
/ 28 октября 2011

В вашей демонстрации сделайте изменения ниже.

В 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');
  });
});
1 голос
/ 27 октября 2011

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

...