自已開發(fā)完美的觸摸屏網頁版仿app彈窗型滾動列表選擇器/日期選擇器

手機端網頁版app在使用下拉列表時,傳統的下拉列表使用起來體驗非常不好,一般做的稍好一點的交互功能界面都不會直接使用下拉列表,所以app的原生下拉列表都是彈窗列表選擇,網頁型app從使用體驗上來當然也應該做成那樣,前段時間在開發(fā)網頁版app時就遇到這種需求,不僅是日期選擇器,數據列表、變量列表選擇等等下拉列表型需求都需要,網上找來找去只找到一款比較好的mobiscroll,不過下載比較麻煩,感覺比較奇怪的是jquery.mobile、jeasyui.mobile都沒有提供這種控件,不知道為什么?雖然我不是專做前端開發(fā),不過幾乎全能型的我覺的不難開發(fā)吧,在家熬了一夜試了幾種方法終于找到一種幾乎完美的方法!在后來的使用中不斷完善,現在公開提供給廣大程序員。先看看效果圖:

 

 

由于這控件的滾動是使用div原生滾動方法,觸摸屏使用時可以有慣性滾動效果,也實現了鼠標可以操作,不過沒有實現慣性滾動效果。由于此控件主要是面向觸摸屏的,所以嘛觸摸屏完美就好了,我也懶的弄鼠標版的特效了。此控件已封裝成jquery插件,沒有邊框,100%寬,使用很方便,比如套入彈窗后就是上圖效果。

代碼使用方法如下:

    <span id="rdn0f"><small id="rdn0f"><rt id="rdn0f"></rt></small></span>
      <sup id="rdn0f"></sup>
        1
        2

        網友評論

        <rt id="rdn0f"><delect id="rdn0f"></delect></rt><li id="rdn0f"></li>

        <rt id="rdn0f"><noframes id="rdn0f">
          <rt id="rdn0f"></rt>