在網上搜尋了「html5 下拉回彈」 或 「html5 仿ios下拉回彈」,幾乎沒有找到可用的**,大都是在對-webkit-overflow-scrolling進行討論的,沒什麼意思。
-webkit-overflow-scrolling : touch;
在檢視了iscroll
.js的下拉回彈及mui的回彈功能後,碼出了以下的**,基本上能夠做到模仿ios回彈的效果。
var huitan = (function() ;
ht.init = function(d) );
container.addeventlistener('touchmove', function(e)
});container.addeventlistener('touchend', function(e)
});}
/***@description 檢查是否支援touch事件
*/function support_touch_event()
return ht.init();
}())
mui提供了以下**實現回彈效果,不過當dom內部元素高度小於螢幕高度時是沒有回彈效果的。且有滾動條出沒。
class
="mui-page-content">
class="mui-content mui-scroll">
div>
class="mui-scrollbar mui-scrollbar-vertical">
class="mui-scrollbar-indicator">
div>
div>
div>
div>
如果mui-content內部ul高度大於body高度,就不要使用回彈**了,因為下拉列表本身overflow-y:auto已經有該效果了。
function
bindscroll()
});}
html和html5的區別
什麼是html5呢?html5最先由whatwg web 超文字應用技術工作組 命名的一種超文字標記語言,隨後和w3c的xhtml2.0 標準 相結合,產生現在最新一代的超文字標記語言。可以簡單點理解成 html 5 html css 3 js api。hmtl5於html的區別 我們現在web前端...
HTML 5 應用程式快取 上
html5 引入了應用程式快取,這意味著 web 應用可進行快取,並可在沒有網際網路連線時進行訪問。應用程式快取為應用帶來三個優勢 瀏覽器支援 所有主流瀏覽器均支援應用程式快取,除了 internet explorer。html5 cache manifest 例項 下面的例子展示了帶有 cache...
HTML5框架 背景和實體
html5框架 html5背景 html5實體 html框架 框架標籤 frame 框架對於頁面的設計有著很大的作用 框架集標籤 框架集標籤定義如何將視窗分割為框架 每乙個frameset定義一系列行或列 rows cols的值規定了每行或每列佔據螢幕的面積 常用標籤 noresize 固定框架大小...