Question

我正在尝试使用@ http://bit.ly/99a5El

使用相同的功能

头＆安培;页脚是粘性的，当用户点击向下箭头时，你可以观察到文件框正在下降的同时页面滚动也会发生变化

我请求任何人请帮助我...提前感谢...

Answer 1

您必须在CSS文件中使用position:fixed作为页眉和页脚，页脚为bottom:0px，页眉为top:0px。

Answer 2

在您的演示中，请执行以下更改。

在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');
  });
});

展示＆amp;隐藏底部对齐，内容仅滚动

2 个答案: