2012/01/23

iScrollを使うとselectタグが動かなくなる


iScrollっていうスマートフォンでposition:fixedを再現できるライブラリがあるんだけど、それを使うと中にあるselectタグが反応しなくなった。

調べてみたら解決済みみたい。
参考:スマートフォンでposition:fixedを再現するiscroll!input問題も解消

この書き方だと画面全体でデフォルトのスクロールができなくなるのかな?
俺の場合はiScrollを使うのはページ内の一部なので、これだと困る。
使うのもとりあえずselectタグだけだった。

なのでスクロール停止機能とイベント伝達停止機能は限定的にした
  1. var myScroll = new iScroll("id名", {  
  2.  var target = e.target;  
  3.        while(target.nodeType !== 1){  
  4.   target = target.parentNode;  
  5.  }  
  6.   
  7.  if(target && target.tagName == "SELECT"){  
  8.   e.stopPropagation();  
  9.  }  
  10. });  
  11.   
  12. var iScrollElem = document.getElementById("id名");  
  13. iScrollElem.addEventListener("touchmove"function(e){e.preventDefault();});  

0 件のコメント:

コメントを投稿