用javascript修復(fù)瀏覽器中頭痛問題的方法整理篇[譯]
6. 水平或垂直居中元素
你以前也許遇到過這個問題:水平或垂直居中頁面元素. 在CSS中垂直居中是非常困難的, 特別是你想支持所有主流瀏覽器的情況下.非常幸運,現(xiàn)在已經(jīng)有了解決方案,其中一個方式就是從高度與寬度中取得元素左邊與頂部頁邊距值再除以2,得到的便是要居中元素的margin-left與margin-top.(這句話理解不知道有沒有問題)
6.1 居中頁面元素插件
這個插件可以居中頁面的任何元素,使用了水平與垂直上減去頁邊距的辦法.
$("element").center(); //vertical and horizontal$("element").center({ horizontal: false // only vertical});
6.2 我如何垂直居中頁面元素?
在這個視頻教程中,Jeffrey Jordan Way會向你展示如何利用CSS與jQuery組合的威力,在瀏覽器垂直居中圖片.
7. 在IE中顯示Q標(biāo)簽
表現(xiàn)引號應(yīng)該使用Q標(biāo)簽而不是blockquote標(biāo)簽.然而,windows下的IE不支持這個標(biāo)簽,因此,很多開發(fā)都不使用Q標(biāo)簽.
7.1QinIE
當(dāng)你把這段腳本引入到你的網(wǎng)頁文檔頭部,它就可以自動地把頁面中的Q標(biāo)簽替換成引號(包括對應(yīng)的結(jié)束引號). 如果將來IE支持Q標(biāo)簽,你可能要修改它,加上瀏覽器版本的判斷.
8. 增大點擊目標(biāo)的范圍以獲得更直接的切換
對厭煩的‘Read More…'說再見,使你整個內(nèi)容塊都可以點擊進(jìn)入目標(biāo)鏈接!
9. Lazy loader
這是一個jQuery插件. 它可以使(內(nèi)容較長的)頁面的圖片延遲加載.在viewport(頁面的可見部分)之外的圖片不會被加載,直到用戶拖動滾動條到它們的時候.這與 圖片預(yù)載 是截然相反的.
10. bgiframe
這個jQuery插件可以輕松解決IE z-index的問題.
11. ieFixButtons
這個jQuery插件可以修復(fù)button元素在IE6 與IE7下的怪異行為.
12. Fix Overflow
這個插件修復(fù)IE下的水平溢出問題.特別地,IE會自動為溢出的元素添加滾動條,如果元素只有一行,那這個滾動條就會覆蓋在元素的上面.這個插件通過調(diào)整元素的填充來修復(fù)這個問題.
相關(guān)文章
這篇文章主要介紹了javascript 解決瀏覽器不支持的問題的相關(guān)資料,需要的朋友可以參考下2016-09-09
今天小編就為大家分享一篇使用layui的layer組件做彈出層的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript?？际謱戭}之柯里化與數(shù)組扁平化的實現(xiàn)
這篇文章主要為大家詳細(xì)介紹了JavaScript?？际謱戭}中柯里化與數(shù)組扁平化、數(shù)組去重的實現(xiàn),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12
在傳統(tǒng)的身份驗證方案之上,雙重身份驗證（Double?Token）作為一?種增強型認(rèn)證方法,逐漸成為現(xiàn)代前端應(yīng)用中的關(guān)鍵技術(shù),下面小編就來為大家詳細(xì)講講雙重身份驗證的實現(xiàn)與思路吧2025-02-02
這篇文章主要為大家介紹了javascript中的MVC模式，MVC是一種軟件架構(gòu)模式，一般把軟件模式分為三部分，本文就針對MVC模式的三部分進(jìn)行講解，感興趣的小伙伴們可以參考一下2016-01-01
大部分小程序都會有這樣的需求，頁面有長列表，需要下拉到底時請求后臺數(shù)據(jù)，一直渲染數(shù)據(jù)，當(dāng)數(shù)據(jù)列表長時，會發(fā)現(xiàn)明顯的卡頓，頁面白屏閃頓現(xiàn)象，那么如何實現(xiàn)小程序虛擬列表，感興趣的可以了解一下2021-07-07
本文給大家介紹JS正則表達(dá)式比較常見用法，涉及到j(luò)s正則表達(dá)式用法相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧2016-01-01
JavaScript事件概念詳解(區(qū)分靜態(tài)注冊和動態(tài)注冊)
這篇文章主要介紹了JavaScript事件(區(qū)分靜態(tài)注冊和動態(tài)注冊)的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用JavaScript，感興趣的朋友可以了解下2021-02-02
使用JavaScript實現(xiàn)網(wǎng)頁版Pongo設(shè)計思路及源代碼分享
Pongo是款很好玩的手欠類游戲，由于在玩的過程中發(fā)現(xiàn)了一些BUG，所以就打算自己也弄個，經(jīng)過一番思索，就有了本文，主要說說實現(xiàn)這款游戲的設(shè)計思路以及分享源碼給大家2014-06-06
cloneNode實現(xiàn)表格增加刪除效果...2006-11-11