我想更改视口元素的背景颜色(使用overflow: scroll
)
这是我的第一次尝试:http://jsfiddle.net/2YeZG/ http://jsfiddle.net/2YeZG/
正如您所看到的,在绘制新颜色之前,前一种颜色会短暂闪烁。其他人有had https://stackoverflow.com/questions/8966971/javascript-event-before-scroll-redraw相似的problems https://stackoverflow.com/questions/11346327/force-javascript-to-run-before-browser-redraw-jsfiddle-examle.
继HTML5 震撼指令 http://www.html5rocks.com/en/tutorials/speed/animations/#an-example,我试图介绍requestAnimationFrame
修复此问题无济于事:
http://jsfiddle.net/RETbF/ http://jsfiddle.net/RETbF/
我在这里做错了什么?
这是一个显示相同问题的更简单的示例:http://jsfiddle.net/HJ9ng/ http://jsfiddle.net/HJ9ng/
在这里提交了 Chromium 的错误:http://code.google.com/p/chromium/issues/detail?id=151880 http://code.google.com/p/chromium/issues/detail?id=151880
如果它只是背景颜色,那么为什么不将父背景颜色更改为红色,然后滚动后将其更改为粉红色呢?
我把你的CSS改成那个
#dad
{
overflow-y: scroll;
overflow-x: hidden;
width: 100px;
height: 600px;
background-color:red;
}
我把你们的一些Jquery去掉,改成这样
dad.bind('scroll', function() {
dad.css('background-color', 'pink');
});
我删除了这一行
iChild.css('backgroundColor', 'red');
但红色是重要的,但它肯定行不通http://jsfiddle.net/2YeZG/5/ http://jsfiddle.net/2YeZG/5/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)