真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

如何使用JavaScript函數(shù)暫時(shí)禁用CSS轉(zhuǎn)換

這篇文章給大家分享的是有關(guān)如何使用JavaScript函數(shù)暫時(shí)禁用CSS轉(zhuǎn)換的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。

在云陽(yáng)等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需定制設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,成都營(yíng)銷網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè),云陽(yáng)網(wǎng)站建設(shè)費(fèi)用合理。

這個(gè)提示實(shí)際上不是一個(gè)JavaScript函數(shù),而是一個(gè)CSS代碼塊。在您調(diào)整參與的CSS屬性值時(shí),暫時(shí)禁用CSS過(guò)渡可能是有用的或必要的,這應(yīng)該立即發(fā)生在幕后。 Stackoverflow上的這篇文章提供了一個(gè)完成此任務(wù)的解決方案,通過(guò)在CSS中定義一個(gè)“無(wú)轉(zhuǎn)換”類,您可以將該類添加到元素中以暫時(shí)停止其上的任何轉(zhuǎn)換:

1

2

3

4

5

6

.notransition {

    -webkit-transition: none !important;

    -moz-transition: none !important;

    -o-transition: none !important;

    transition: none !important;

}

例如:

1

2

3

4

5

targetel.classList.add('notransition') // disable transitions

targetel.style.left = '10px' // update "left" property but don't transition it

targetel.offsetHeight // Trigger a reflow, flushing the CSS changes

targetel.classList.remove('notransition') // enable transitions again

targetel.style.left = '500px' // transition "left" property again

如添加了“無(wú)轉(zhuǎn)變”類同樣重要的是回流 通過(guò)訪問(wèn)元素targetel.offsetHeightoffsetHeight 是一個(gè) 幾個(gè)DOM屬性是訪問(wèn)時(shí)觸發(fā)要素回流),以強(qiáng)制瀏覽器履行在同坐的元素所做的每一個(gè)變化。

感謝各位的閱讀!關(guān)于“如何使用JavaScript函數(shù)暫時(shí)禁用CSS轉(zhuǎn)換”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!


網(wǎng)站名稱:如何使用JavaScript函數(shù)暫時(shí)禁用CSS轉(zhuǎn)換
URL地址:http://weahome.cn/article/gdscce.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部