html5中彈窗內容滾動問題解析

2021-07-25 09:20:21 字數 553 閱讀 2866

有大量前端

開發工具及學習資料,可以搜群

【 web前端學習部落22群 】進行

以及課程老師喲

1、當彈出層出現時,底部

body

是禁止滑動的

2、檔彈出層中內容出現滾動條時,可以滾動,同時禁用

body層

解決第乙個問題好辦,利用event.preventdefault()可以阻止瀏覽器中

body

滑動的預設動作,

在彈窗(layer)顯示出來時,只需

function preventdefault(e) ,false);

// 仿innerscroll方法

$(_alertbodyobj)[0].addeventlistener('touchmove', function(e),false);

我們在監聽滾動同時去判斷滾動條是否在最頂端或者最下端,此時阻止瀏覽器預設動作,這樣問題就迎刃而解了。

有大量前端

開發工具及學習資料,可以搜群

【 web前端學習部落22群 】進行

以及課程老師喲

html5中新增加的內容

一 html5中新增加的語義化標籤 header footer article figure.這些標籤不相容ie6 8低版本,相容處理 html5.min.js 修改或者刪除了一些標籤 strong small 附屬細則 hr.修改指的是改變了標籤的語義化 font center這些標籤建議不用 刪...

HTML5 中Web儲存問題

html5 web 儲存,乙個比cookie更好的本地儲存方式。注意 internet explorer 7 及更早ie版本不支援web 儲存.使用html5可以在本地儲存使用者的瀏覽資料。早些時候,本地儲存使用的是 cookie。但是web 儲存需要更加的安全與快速.這些資料不會被儲存在伺服器上,...

關於HTML5中的audio問題

長話短說,最近因為跟女朋友聊天,隨口一說要做乙個可以聽我音訊的web網頁,沒想到她那麼想要這個東西 可能想看看這個東西有什麼特別的吧 於是我就花了一點點時間去看了一下這個h5中的audio這個標籤,感覺用起來挺簡單的。原始碼 然後我就開始找網上的資源看看有沒有什麼地方提到過,但是我看到的結果都是成功...