CSS控制表头固定,拖动滚动条的时候出现抖动现象,谁知道这是什么原因呀?

html-css026

CSS控制表头固定,拖动滚动条的时候出现抖动现象,谁知道这是什么原因呀?,第1张

因为这一句:

top: expression(this.offsetParent.scrollTop)

他的位置是动态变化的,所以会抖动

你拖动的时候慢一点应该就看不到了,或者你用javascript的onscroll事件控制

像这种效果,你要想知道,

已经下载下来,你拆开看一下就知道了。

说说原理,这里并不是纯css3,,只是用css3定义好动画,

@-moz-keyframes tips {

0% {box-shadow: 0px 0px 0px #f00}

25% {box-shadow: 0px 0px 8px #f00}

50% {box-shadow: 0px 0px 0px #f00}

100% {box-shadow: 0px 0px 8px #f00}

}

然后,js在切屏后,用Js来触发这一个样式,这个样式调用了刚才定义的动画。

.tips {

-webkit-animation:tips 1s

-moz-animation:tips 1s

}

当然css3是可以做的,只是用纯css3,就没办法像这样可以拖动切屏,这个是需要js或者jq来完成。。。