javascript - IE 互換のドラッグ スクロール可能な Div

Question

添付されているのは、iPhone に見られるものと同様の概念入力のフィドルです。IE 以外のすべてで動作する iScroll4 というライブラリを使用します。

IE 8 と IE 9 をテストしましたが、どちらも動作しません。これは、Firefox、Chrome、Safari、およびタッチスクリーン モバイル デバイスで動作するフィドルです。

http://jsfiddle.net/XHPYF/

誰でも解決できますか？

Answer 1

iScroll には長い間この問題がありました。修正するには、iScroll コードを手動で更新する必要があります。zyrex ソリューションは問題ありませんが、より良いものになる可能性があります。

if(!document.addEventListener) {
        document.attachEvent('touchmove,', function (e) {
            e.preventDefault();
        }, false);
        document.attachEvent('DOMContentLoaded', loaded, false);
    } 

    else {
        document.addEventListener('touchmove', function (e) {
            e.preventDefault();
        }, false);
        document.addEventListener('DOMContentLoaded', loaded, false);
    }  

Answer 2

「IE で動作しない」とはどういう意味ですか?

iScroll を使用すると、ページ全体が IE にロードされないという問題が発生しました。eventListenerでエラーが発生しました。

IE <= バージョン 8 の場合、イベント リスナーを切り替えることで修正しました。

if(getInternetExplorerVersion() != '-1' && getInternetExplorerVersion() <= '8') {
        document.attachEvent('touchmove,', function (e) {
            e.preventDefault();
        }, false);
        document.attachEvent('DOMContentLoaded', loaded, false);
    } 

    else {
        document.addEventListener('touchmove', function (e) {
            e.preventDefault();
        }, false);
        document.addEventListener('DOMContentLoaded', loaded, false);
    }