iScrollっていうスマートフォンでposition:fixedを再現できるライブラリがあるんだけど、それを使うと中にあるselectタグが反応しなくなった。
調べてみたら解決済みみたい。
参考:スマートフォンでposition:fixedを再現するiscroll!input問題も解消
この書き方だと画面全体でデフォルトのスクロールができなくなるのかな?
俺の場合はiScrollを使うのはページ内の一部なので、これだと困る。
使うのもとりあえずselectタグだけだった。
なのでスクロール停止機能とイベント伝達停止機能は限定的にした
var myScroll = new iScroll("id名", { var target = e.target; while(target.nodeType !== 1){ target = target.parentNode; } if(target && target.tagName == "SELECT"){ e.stopPropagation(); } }); var iScrollElem = document.getElementById("id名"); iScrollElem.addEventListener("touchmove", function(e){e.preventDefault();});
0 件のコメント:
コメントを投稿