0
我试图让使用@http://bit.ly/99a5El显示与隐藏底部对齐,内容只有滚动
页眉&页脚是粘性的,当用户点击向下箭头,可以观察包装盒的同时正在下降一个相同的功能时间页面滚动也会改变
我请求任何人请帮我...在此先感谢...
我试图让使用@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');
});
});
您在CSS文件中使用position:fixed
页眉和页脚bottom:0px
页脚和top:0px
为头。
我有一个尝试的提及,但在这里没有使用的是演示链接@ http://bit.ly/vy0lO5时内容隐藏标题应该顺利地走到页面底部... –