實例詳解jQueryMobile窗體長內(nèi)容的缺陷與解決方法
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 20:08:41
實例詳解jQueryMobile窗體長內(nèi)容的缺陷與解決方法
實例詳解jQueryMobile窗體長內(nèi)容的缺陷與解決方法:本文主要介紹了jQueryMobile之窗體長內(nèi)容的缺陷與解決方法,結(jié)合具體實例形式分析了jQueryMobile底部懸浮層遮擋情況下的解決方法,非常簡單實用,需要的朋友可以參考下,希望能幫助到大家。一旦窗體中出現(xiàn)長內(nèi)容,使用筆者那種固定header與footer的全
導(dǎo)讀實例詳解jQueryMobile窗體長內(nèi)容的缺陷與解決方法:本文主要介紹了jQueryMobile之窗體長內(nèi)容的缺陷與解決方法,結(jié)合具體實例形式分析了jQueryMobile底部懸浮層遮擋情況下的解決方法,非常簡單實用,需要的朋友可以參考下,希望能幫助到大家。一旦窗體中出現(xiàn)長內(nèi)容,使用筆者那種固定header與footer的全
本文主要介紹了jQueryMobile之窗體長內(nèi)容的缺陷與解決方法,結(jié)合具體實例形式分析了jQueryMobile底部懸浮層遮擋情況下的解決方法,非常簡單實用,需要的朋友可以參考下,希望能幫助到大家。
一旦窗體中出現(xiàn)長內(nèi)容,使用筆者那種固定header與footer的全屏布局是存在缺陷的,
如圖所示,長內(nèi)容最后的內(nèi)容,直到滾動條拉到最底部也無法窮盡,
而且很有可能的是,雖然現(xiàn)在這個地方的內(nèi)容是顯示為半透明,但往往這個位置是一些提交按鈕什么的,
用戶根本就沒法點,
因此,需要進行改進,把原來的代碼:
之中的content圖層加上樣式,style="margin-bottom:50px"也就是變成:
則可以窮盡頁面了,如下圖所示:
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
實例詳解jQueryMobile窗體長內(nèi)容的缺陷與解決方法
實例詳解jQueryMobile窗體長內(nèi)容的缺陷與解決方法:本文主要介紹了jQueryMobile之窗體長內(nèi)容的缺陷與解決方法,結(jié)合具體實例形式分析了jQueryMobile底部懸浮層遮擋情況下的解決方法,非常簡單實用,需要的朋友可以參考下,希望能幫助到大家。一旦窗體中出現(xiàn)長內(nèi)容,使用筆者那種固定header與footer的全