這篇文章給大家分享的是有關如何使用JavaScript函數暫時禁用CSS轉換的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

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

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

1 2 3 4 5 6

.notransition {<font></font>     -webkit-transition: none !important;<font></font>     -moz-transition: none !important;<font></font>     -o-transition: none !important;<font></font>     transition: none !important;<font></font> }

例如：

1 2 3 4 5

targetel.classList.add('notransition') // disable transitions<font></font> targetel.style.left = '10px' // update "left" property but don't transition it<font></font> targetel.offsetHeight // Trigger a reflow, flushing the CSS changes<font></font> targetel.classList.remove('notransition') // enable transitions again<font></font> targetel.style.left = '500px' // transition "left" property again

如添加了“無轉變”類同樣重要的是回流 通過訪問元素targetel.offsetHeight（offsetHeight 是一個 幾個DOM屬性是訪問時觸發(fā)要素回流），以強制瀏覽器履行在同坐的元素所做的每一個變化。

感謝各位的閱讀！關于“如何使用JavaScript函數暫時禁用CSS轉換”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

分享文章：如何使用JavaScript函數暫時禁用CSS轉換
當前鏈接：http://aaarwkj.com/article24/gdscce.html

成都網站建設公司_創(chuàng)新互聯，為您提供搜索引擎優(yōu)化、用戶體驗、企業(yè)網站制作、響應式網站、網站導航、定制開發(fā)

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯