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

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

如何在使用 Vanilla JavaScript 調(diào)整瀏覽器大小時(shí)刷新變量?

如何在使用 Vanilla JavaScript 調(diào)整瀏覽器大小時(shí)刷新變量?

飲歌長嘯 2022-05-14 13:38:19
let size = carousel_images[0].clientWidth;我使用并clientWidth在不同的視口中變化來獲取幻燈片圖像的大小,這里carousel_images是指向img內(nèi)部的.carousel,這是它在不同視口中的變化方式:@media screen and (min-width: 1024px) {  .carousel {    max-width: 994px;    img {      min-width: 994px;    }  }}@media screen and (min-width: 1200px) {  .carousel {    max-width: 1150px;    img {      min-width: 1150px;    }  }}所以當(dāng)我調(diào)整瀏覽器的大小時(shí),它看起來像:但是當(dāng)我刷新頁面時(shí),它看起來又正常了。
查看完整描述

2 回答

?
紫衣仙女

TA貢獻(xiàn)1839條經(jīng)驗(yàn) 獲得超15個(gè)贊

您需要添加以下代碼:


window.addEventListener('resize', ()=>{

    size = carousel_images[0].clientWidth

    carousel_slide.style.transform = `translateX(${-size}px)`

})

本質(zhì)上,您需要resize在使用該變量的任何位置監(jiān)聽窗口事件、更新變量并再次執(zhí)行代碼。


查看完整回答
反對 回復(fù) 2022-05-14
?
胡說叔叔

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超8個(gè)贊

我認(rèn)為你必須為你的let size. 是全局變量嗎?也許,將它放在函數(shù)或類中是個(gè)好主意。


您可以使用 resize 事件,該事件在您的窗口更改大小時(shí)觸發(fā)。


以下演示來自: https ://developer.mozilla.org/en-US/docs/Web/API/Window/resize_event


const heightOutput = document.querySelector('#height');

const widthOutput = document.querySelector('#width');


function reportWindowSize() {

  heightOutput.textContent = window.innerHeight;

  widthOutput.textContent = window.innerWidth;

}


window.onresize = reportWindowSize;

<p>Resize the browser window to fire the <code>resize</code> event.</p>

<p>Window height: <span id="height"></span></p>

<p>Window width: <span id="width"></span></p>


查看完整回答
反對 回復(fù) 2022-05-14
  • 2 回答
  • 0 關(guān)注
  • 100 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號