Javascript 如何限制不透明度的大小

因此，我试图给一个暗梯度的图像，如果它向上滚动，但我如何限制其最大不透明度不超过1？我试图添加一个if语句，如果它高于1，则将其置于1，但我认为我做错了什么

<script type="text/javascript">
     $(window).scroll(function(){
     $(".shade").css("opacity", 0 + $(window).scrollTop() / 250);
    });
  </script>
  <script type="text/javascript">
   if($(".shade").css("opacity" > 1)){
      $(".shade").css("opacity", 1 + 0)}
  </script> 

$（窗口）。滚动（函数（）{
$（“.shade”）.css（“不透明度”，0+$（窗口）.scrollTop（）/250）；
});
如果（$（“.shade”）.css（“不透明度”>1））{
$（“.shade”）.css（“不透明度”，1+0）}

您的条件语句完全错误，我不知道如何访问不透明度的值，因为您使用的是jquery，我不知道，但我认为您使用条件的方式是错误的。最好使用以下命令：

var shade=document.querySelector（'.shade'）；如果（shade.style.opacity>1）{shade.style.opacity=1}

另一种方法是将

if

语句放入

$（窗口）中。滚动（function（）{…}

$（窗口）。滚动（function（））{
$(window).scroll(function(){
  var opacity = ($(window).scrollTop() / 250);
  opacity = opacity <= 1 ? opacity : 1
  $(".shade").css("opacity", opacity);
});

var opacity=（$（窗口）.scrollTop（）/250）；
不透明度=不透明度
（$（“.shade”）.css（“不透明度”>1））
-->
（$（.shade”）.css（“不透明度”）>1）
如果您的不透明度应该属于滚动事件内部，或者只有在不透明度可以接受大于1的值时才会触发，则它将获得与1相同的效果…任何超出范围0.0（完全透明）的值到1.0（完全不透明）将夹紧到此范围