Question

当我向下滚动时，我试图让文字淡出，但是javascript有问题。我搜索过该网站，但没有发现任何合适的内容。其他代码无法通过添加颜色渐变来工作或工作。

为了澄清，我希望不透明度在滚动时改变。

任何帮助都会得到很多帮助。谢谢

＆＃13;

function scrollh3() {
  $(document).scroll(function(){
      var scrollPos = $(this).scrollTop();
      $('h3').css({
        'top' : (scrollPos/4)-'px',
        'opacity' : 1-(scrollPos/100)
      });
      $('#').css({
        'background-position' : 'center ' + (-scrollPos/3)+'px'
      });
  });    
}
scrollh3();

＆＃13;

h3 {
    margin: 0 auto;
  height: 1000px;
    max-width: 1000px;
    padding: 5% 10% 10% 10%;   
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    opacity: 1;
    color: #000000;  
    
}

＆＃13;

                    <h3>About<br><br><br>
                
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tellus risus, vestibulum non neque ut, consectetur fermentum neque. Nam pharetra tellus pulvinar ante suscipit dapibus. Quisque pharetra libero vel lectus placerat laoreet. Aliquam et elit eu mauris volutpat ultricies vel pharetra libero. Vivamus egestas ante metus, vel ornare mi imperdiet ac. Nulla pharetra scelerisque tortor eget dictum. Donec tincidunt massa quis blandit maximus.
<br><br><br>Read More</h3>

＆＃13;

滚动时文字不透明度

0 个答案: