仿ios垂直滾動選擇

2021-07-23 16:32:07 字數 2360 閱讀 1898

注:必須在手機模式下才有效

初始化reload(array)

option2 = ['北京','上海','廣州','深圳','武漢','成都','重慶'];  

_s1.reload(option2);

getvalue()

獲取使用者當前選擇資料

例:

_s1.getvalue();
/*

滾動選擇

移動端*/

function

a_scrollselect

(div)

this.init = function

(data)

if(typeof div == 'string')else

this._box = box;

this._data = data;

if(data)

this.bindevent();

this.settop(2);//設定頂部高度

this.setgear(2);//置初值

this._init = true;

}this.createdom = function

(data)

this.bindevent = function

());

box.on('touchmove',function

(e));

box.on('touchend',function

(e));

}//觸控開始

this.geartouchstart = function

(e)

//手指移動

this.geartouchmove = function

(e)

if(margintop//停止當前動畫

ul.css();//滾動

seat_y = y;

var h_li = this._lih;//單個列的高

var margin = margintop;

var difference = math.abs(margintop - seat_y);

// 變換樣式

if(difference > h_li/2)

this._locationy = y;

}//離開螢幕

this.geartouchend = function

(e) else

var min = (this._num-1) * this._h_hide * -1;

if(margin > 0)

if(margin < min)

ul.animate(,'normal');

}this.getvalue = function

() //控制外掛程式滾動後停留的值

this.setgear = function

(val)

li.attr('class','list-title-hide');

li.eq(multiple).attr('class','list-title-3');

li.eq(multiple+1).attr('class','list-title-2');

li.eq(multiple+2).attr('class','list-title-action');

li.eq(multiple+3).attr('class','list-title-2');

li.eq(multiple+4).attr('class','list-title-3');

}this.settop = function

(n) if(value >= self._num-1)

var ul = this._box.find('ul');

var h = this._h_hide;

ul.animate(,'normal');}}

仿微信iOS相簿選擇 MTImagePicker

專案主頁 mtimagepicker 相容ios7,支援指定使用alassets或者photos框架。支援相簿選擇 預覽滾動流暢優化 直接匯入無其他依賴,直接拖動mtimagepicker mtimagepicker到你的專案就行cocoapods source platform ios,8.0 u...

vue 仿IOS 滾輪選擇器

先來個截圖 先來屢一下需求 1.移動端使用者手上下滑動,內容上下移動,使用者手離開數字按照慣性移動一段距離。2.當停止移動後,選中乙個文字並且文字高亮,上面的值會變成你選中的文字。3.可以連續滾動。說起滾動,不得不提css3的transform style preserve 3d 和backface...

iOS 時間選擇器(仿有成會議)

呼叫時切記一定要先呼叫下面 重置時間狀態 self timeselectview.reset yes 時間狀態有 空閒時間 禁用時間 已占用時間 選擇時間 固定時間 引數傳遞格式 10 00 11 00 傳遞完引數後,呼叫下面 重新整理頁面 self timeselectview reloadvie...