第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在特定滾動位置添加陰影

在特定滾動位置添加陰影

素胚勾勒不出你 2022-12-02 16:33:14
我編寫了一個函數(shù),當存在特定的滾動位置時,該函數(shù)會為元素提供陰影。所以我想在滾動位置大于 40 時給第一個元素一個陰影。當你繼續(xù)滾動時,當滾動位置大于 90 時,第二個元素將得到一個陰影。但是,這適用于第一個元素但是不是第二個:即使?jié)L動偏移量大于 90,第一個元素仍然有陰影。window.addEventListener("scroll", function(event) {       var scroll = this.scrollY;       if (scroll > 40)            {document.getElementById("Gegevens").style.boxShadow="0px 0px 45px -4px rgba(0,0,0,0.35)";            document.getElementById("Uren").style.boxShadow=""}       else if (scroll > 90)            {document.getElementById("Gegevens").style.boxShadow="";            document.getElementById("Uren").style.boxShadow="0px 0px 45px -4px rgba(0,0,0,0.35)"}       else             {document.getElementById("Gegevens").style.boxShadow="";             document.getElementById("Uren").style.boxShadow=""}    }) 
查看完整描述

1 回答

?
慕絲7291255

TA貢獻1859條經驗 獲得超6個贊

如果滾動偏移量大于 90,程序仍將進入第一種情況,因為(顯然)大于 90 的數(shù)字也必須大于 40。


這將導致該else if部分被跳過,第一個元素將始終被關注。


要解決此問題,您可以:


移動.之前的> 90部分。這樣,如果它大于 90,它將進入那種情況,并跳過其他情況:> 40


window.addEventListener("scroll", function(event) {

     var scroll = this.scrollY;

     if (scroll > 90)

          {document.getElementById("Gegevens").style.boxShadow="";

          document.getElementById("Uren").style.boxShadow="0px 0px 45px -4px rgba(0,0,0,0.35)"}

     else if (scroll > 40)

          {document.getElementById("Gegevens").style.boxShadow="0px 0px 45px -4px rgba(0,0,0,0.35)";

          document.getElementById("Uren").style.boxShadow=""}

     else 

          {document.getElementById("Gegevens").style.boxShadow="";

           document.getElementById("Uren").style.boxShadow=""}

}) 

添加另一個條件來檢查它是否足夠大以容納第二個元素:


window.addEventListener("scroll", function(event) {

     var scroll = this.scrollY;

     if (scroll > 40 && scroll <= 90)

          {document.getElementById("Gegevens").style.boxShadow="0px 0px 45px -4px rgba(0,0,0,0.35)";

          document.getElementById("Uren").style.boxShadow=""}

     else if (scroll > 90)

          {document.getElementById("Gegevens").style.boxShadow="";

          document.getElementById("Uren").style.boxShadow="0px 0px 45px -4px rgba(0,0,0,0.35)"}

     else 

          {document.getElementById("Gegevens").style.boxShadow="";

           document.getElementById("Uren").style.boxShadow=""}

})


查看完整回答
反對 回復 2022-12-02
  • 1 回答
  • 0 關注
  • 138 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號