iscroll.js

1.1 在你的頁面中head標簽下引入 iscroll.js

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- 引入iscroll.js -->
  <script src="./iscroll.js"></script>
</head>
<body>
</body>
</html>

2 編輯HTML結(jié)構(gòu) 注意 iScroll作用于滾動區(qū)域的外層。只有容器元素的第一個子元素能進行滾動,其他子元素不能被忽略

<div id="wrapper">
    <!-- 要進行滾動的元素 -->
    <ul>
        <li>...</li>
        <li>...</li>
        ...
    </ul>
</div>

3.js初始化

<script type="text/javascript">
var myScroll = new IScroll('#wrapper');
</script>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,817評論 1 45
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 14,154評論 1 92
  • 最近項目中使用到了iscroll.js,為了解決彈出層內(nèi)容過多,甚至大于屏幕的高、原生滾動會遮罩層以下,也會跟著彈...
    只是為了一個夢想閱讀 3,362評論 0 0
  • IScroll.js插件是兼容所有移動端滾動條事件的插件,在某些安卓機中,我們無法通過overflo:scroll...
    葉落秋明閱讀 27,421評論 5 8
  • 我家附近建了一個很大的超市,超市前面有個很大的廣場,只要不下雨,傍晚六點多去超市總能看到很多年輕的,年老的婦女在跳...
    梅勝雪閱讀 306評論 3 4

友情鏈接更多精彩內(nèi)容