由jquery css bottom&改变顶一次

时间:2011-06-27 20:03:59

标签: javascript jquery

出错了还是jquery bug?

所以我们有这样的代码,例如第三次点击图层不要再改为底部 ..

<style type="text/css">
#menu1 {
  width:100%; 
  height:32px; 
  overflow:hidden; 
  background:#ff0033; 
  position:fixed; 
  left:0px; 
  cursor:pointer; 
  bottom:174px;
}
#content1 {
  position:fixed; 
  width:100%; 
  left:0; 
  overflow:auto; 
  background:blue; 
  height:200px;  
  bottom:300px;
}
</style>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(function(){
  var click1=0;
  $("#menu1").click(function () {
    if (click1==0) {
      $("#content1").css({ bottom: "250px", display: "block", position: "fixed" });
      click1 = 1;
    } else {
      $("#content1").css({ top: "100px", "display": "block", display: "block", position: "fixed" });
      click1 = 0;
    }
  });
});
</script>

1 个答案:

答案 0 :(得分:5)

如果同时设置了topbottom,则会遇到问题:要么都应用(并计算高度),要么设置了高度,只有top得到应用。所以你需要擦除你不使用的那些:

{ bottom: 250, top: 'auto' }
{ top: 100, bottom: 'auto' }