vue 實現滑動和滾動

面板滑動效果，父元件是resultpanel，子元件是resultoption，仿照了iview中，select元件的寫法。


共找到【}】相關}結果


} }
}，距離當前位置}公尺

ev = ev || event，這個寫法是相容各個瀏覽器，在firefox瀏覽器中，事件繫結的函式獲取事件本身，是通過函式中傳入的，而ie等瀏覽器中，則可以通過window.event或者event的方式來獲取函式本身。

settimeout(() => ,  200);

這樣子可以在click事件發生後，再阻止之後的預設事件的觸發。

滾動事件：滾動事件是在touchmove和touchend中觸發的，面板的上滑事件和滾動事件不同時進行。

上滑時，判斷面板狀態，如果處於top狀態，則觸發scroll事件，手指離開面板時，仍是scroll事件；如果是處於normal狀態，則是上滑面板，手指離開面板時，設定面板為top狀態，並設定內容的滾動條可見；初始面板上滑到頂部時，第二次上滑面板則會觸滾動條，內容可滾動；

下滑時，判斷是否處於top狀態，如果處於top狀態，當內容區的scrolltop大於0，且手指初始位置位於內容區，那麼就觸發滾動，否則觸發面板下滑；當處於normal狀態時，下滑的話，可以採用不觸發任何事件，或者可以下滑，但手指離開螢幕時，回歸到預設位置，這裡使用了後者的做法。