小编Jos*_*hua的帖子

我正在尝试制作一个带有a position: fixed和a 的侧导航栏height: 100%,但是当我尝试这个时,总是还有空间,你可以看到下面和上面的背景div.顺便说一句,我也试图使height像1000px,但我仍然有同样的问题.

HTML:

<div id='navbar'></div>

CSS:

#navbar {
  background-color:black;
  width:100px;
  height:100%;
  z-index:99;
  position:fixed;
  left:-10px;
  bottom:10px;
}

的jsfiddle

我有两个过渡设置#circle.

我只希望不透明度有延迟,但我只能在两个转换的位置.

我的完全目标是在圆圈旋转中间时使不透明度发生变化(因此精确到90度).

但我会自己计算时间,我只是想知道如何只延迟一次转换.

#circle {
  background-color:black;
  background-image:url('rain.img');
  height:300px;
  width:300px;
  border-radius:100%;
  margin:0 auto;
  perspective:1000;
  transition:transform 2s, opacity .1s;
}

#circle:hover {
  perspective:1000px;
  transform:rotateY(180deg);
  opacity:.25;
}

我想你只需要看CSS,但如果你认为你需要看到完整的代码,请访问 ===> https://jsfiddle.net/z49kd9qk/

任何帮助将不胜感激,谢谢!

我试图制作一个拨号盘只是为了它的问题,到目前为止我遇到的唯一问题是,当点击一个键时它会将相应的数字放在输入框中,但它不会放另一个之后.我查看了很多其他帖子,因为其他人也有同样的问题,但似乎这些解决方案都与我的问题无关.提前致谢!
"1"按钮是我现在唯一运行的按钮,因为我等待实现其他按钮,直到我解决问题.

var inp = $('#dialer');
var nmbr = inp.val();
var key1 = $('#111');

key1.on('click', function(){
  inp.val(nmbr + 1)
});

JSfiddle:https://jsfiddle.net/a4suk0rs/