Javascript 卷轴上的JS淡出(不透明度)-赢得';我不在IE工作
我得到了一个简单的脚本,它可以很好地用于FF和Chrome,但IE也是一个partyPopper。有什么想法/建议吗 HTML JSJavascript 卷轴上的JS淡出(不透明度)-赢得';我不在IE工作,javascript,jquery,css,Javascript,Jquery,Css,我得到了一个简单的脚本,它可以很好地用于FF和Chrome,但IE也是一个partyPopper。有什么想法/建议吗 HTML JS $(文档).ready(函数(){ var=false; 变量图标=$(“.title”); 变量$window=$(window); $(窗口)。滚动(函数(){ didcoll=true; }); window.setInterval(函数(){ 如果(滚动){ 如果(1-$window.scrollTop()/800>-10){ css({opacity:
$(文档).ready(函数(){
var=false;
变量图标=$(“.title”);
变量$window=$(window);
$(窗口)。滚动(函数(){
didcoll=true;
});
window.setInterval(函数(){
如果(滚动){
如果(1-$window.scrollTop()/800>-10){
css({opacity:1-$window.scrollTop()/800});
}
didcoll=false;
}
}, 50);
});
什么版本的Internet Explorer?在IE8中工作正常。在IE8+中工作正常。对我来说嗯,我在IE9中尝试过,文本在滚动时不会褪色。抱歉,伙计们,我再次测试了它,它工作正常。它不是在我本地的机器上工作,而是在线的。感谢您的测试,至少我知道它也适用于IE8:)
<div class="title">
<p>Change is the law of life.<br />And those who look only to the past or present<br />are certain to miss the future.</p>
</div>
div.title {
position: fixed;
z-index: 10;
text-align:center;
margin:0 auto;
top: 230px;
width: 100%;
color: #FFFFFF;
}
<script type="text/javascript">
$(document).ready(function(){
var didScroll = false;
var icon = $(".title");
var $window = $(window);
$(window).scroll(function(){
didScroll = true;
});
window.setInterval(function () {
if (didScroll) {
if (1-$window.scrollTop()/800 > -10) {
icon.css({opacity: 1-$window.scrollTop()/800});
}
didScroll = false;
}
}, 50);
});
</script>