【问题标题】:iphone webapp scrollingiphone webapp滚动
【发布时间】:2011-11-22 18:49:27
【问题描述】:

我正在使用以下代码禁用所有滚动。目标是为 web 应用程序提供原生应用程序的感觉。

document.ontouchmove = function(e){ e.preventDefault(); }

如何指定允许滚动的区域?

overflow: scroll; 在这种情况下不起作用。

【问题讨论】:

    标签: iphone web-applications


    【解决方案1】:

    将您的自定义事件侦听器附加到所需的 html 块上

     var listener = function(e){ e.preventDefault(); };
     node.addEventListener('touchstart', listener , false);
     node.addEventListener('touchmove', listener , false);
    

    【讨论】:

    • 你能说明如何附加吗?
    • 不想一直问你,但是如果我想让特定的
      能够滚动,我应该把代码放在哪里?
    • 使用类似 var node = document.querySelector('#nodeId'); node.addEventListener('touchstart', function(e){e.preventDefault();alert(1)}, false);并删除您的 document.ontouchmove 处理程序
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签