js彈出層遮罩,隱藏背景頁(yè)面滾動(dòng)條細(xì)節(jié)優(yōu)化分析

js彈出層遮罩,隱藏背景頁(yè)面滾動(dòng)條細(xì)節(jié)優(yōu)化分析

ID:30504988

大小:15.98 KB

頁(yè)數(shù):3頁(yè)

時(shí)間:2018-12-30

js彈出層遮罩,隱藏背景頁(yè)面滾動(dòng)條細(xì)節(jié)優(yōu)化分析_第1頁(yè)
js彈出層遮罩,隱藏背景頁(yè)面滾動(dòng)條細(xì)節(jié)優(yōu)化分析_第2頁(yè)
js彈出層遮罩,隱藏背景頁(yè)面滾動(dòng)條細(xì)節(jié)優(yōu)化分析_第3頁(yè)
資源描述:

《js彈出層遮罩,隱藏背景頁(yè)面滾動(dòng)條細(xì)節(jié)優(yōu)化分析》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。

1、我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解JS彈出層遮罩,隱藏背景頁(yè)面滾動(dòng)條細(xì)節(jié)優(yōu)化分析  下面小編就為大家?guī)?lái)一篇JS彈出層遮罩,隱藏背景頁(yè)面滾動(dòng)條細(xì)節(jié)優(yōu)化分析。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考  一、去除滾動(dòng)條方法  給body添加overflow:hidden屬性即可,IE6、7下不會(huì)生效,需要給html增加overflow:hidden屬性  樣式中需要對(duì)IE6、7及其它瀏覽器用hack辨別,這是因?yàn)楫?dāng)頁(yè)面拉到下面時(shí)如果html或body被overflow:hidden

2、,透明彈層下面的頁(yè)面就會(huì)被部分正常隱藏,通過(guò)透明看到的一片的灰度,具體顏色跟平臺(tái)及用戶設(shè)置背景色有關(guān)。  body或html去掉滾動(dòng)條后,頁(yè)面會(huì)有一個(gè)滾動(dòng)條寬度/2的跳動(dòng)!這個(gè)跳動(dòng)對(duì)用戶體驗(yàn)來(lái)十分不好,因此給body添加一下右padding,大小為滾動(dòng)條的寬度。windows平臺(tái)下滾動(dòng)條的寬度為17px,linux平臺(tái)下不同滾動(dòng)器滾動(dòng)條寬度不一致,可以用相關(guān)代碼計(jì)算出滾動(dòng)條的寬度,以下以windows平臺(tái)為例?! ∠嚓P(guān)代碼:  document.documentElement.style.cssText=‘overflow:none;+overflow:hidden;_overflow:hi

3、dden;';對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確,更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解  document.body.style.cssText=‘overflow:hidden;+overflow:none;_overflow:none;padding:017px00;';  以上代碼不考慮html或body是否有內(nèi)聯(lián)樣式,如果html或body有內(nèi)聯(lián)樣式則需要累加,否則會(huì)清空原有樣式?! 《⑷コ?/p>

4、隱患其它方法滾動(dòng)頁(yè)面(防止誤操作)  隱藏滾動(dòng)條后,用鼠標(biāo)滾輪滾動(dòng)頁(yè)面確實(shí)不會(huì)動(dòng)了,以為這就ok了,不是…  鍵盤快捷鍵也可以操作瀏覽器的一些操作,與滾動(dòng)頁(yè)面相關(guān)的,比如:上下按鍵、翻頁(yè)按鍵等。針對(duì)鍵盤快捷鍵,需要取消他們的默認(rèn)操作?! ∪?、添加彈出層樣式  給body添加全局樣式(兼容IE6)  height:100%;  給彈層添加滾動(dòng)樣式  overflow-y:auto;  width:100%;  height:100%;  left:0;  _padding:017px00;?//IE6bug,子元素絕對(duì)定位后對(duì)于父元素的padding依然有效對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正

5、體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確,更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解  以上這篇JS彈出層遮罩,隱藏背景頁(yè)面滾動(dòng)條細(xì)節(jié)優(yōu)化分析就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確,更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。