滚动的div在iPhone上不使用2个手指?

StackOverflow https://stackoverflow.com/questions/615357

  •  03-07-2019
  •  | 
  •  

题

我已经有了一个UIWebView嵌入在我的iPhone应用程序，并且我想要让一个上锁的头部和尾部在网页上，在所有的时间，用一个滚动的中心DIV。

我知道我可以这样做使用头/脚注是）的控制，但我想要的标题和页脚HTML div，作为一个纯粹HTML/JS/CSS解决将会更容易港口到安卓/PalmPre/AdobeAir，这将是对我待办列表比较快。

我可以做到这一点使用的技术一样，这里提到的:

http://defunc.com/blog/?p=94

但是，这要求用户使用2个手指滚动div，这是不能令人满意的，我...

任何建议，关于如何做到这一点？

谢谢，

布拉德

有帮助吗？

解决方案

我发现某人实施了可重复使用的解决方案，与一个标题和一个脚注：

http://cubiq.org/iscroll-4

其他提示

我不太熟悉UIWebView，所以这可能是一个完全愚蠢的建议。但是有什么阻止你有三个UIWebViews上的页面?一个标题，一个是身体和一个脚注。因为打破它听起来像是正确的想法。

这是你在找什么? 打开这个链接上你的iPhone设备或模拟器.

的index.html 文件有三个部要素"标题"、"容器"和"脚注"直接在身体，而所有的工作都是做的fixed.js 文件。该文件是固定在地方通过取消正常行动的"touchmove"事件：

    // Disable flick events
    disableScrollOnBody : function() {
        document.body.addEventListener("touchmove", function(e) {
            e.preventDefault();
        }, false);
    },

然后，大量的工作进入创造的事件的听众为"说触屏开始","touchmove"和"touchend"事件相连的"内容"div在"容器".逻辑归结为只是运动的"内容"div。

这种解决方案是100%HTML/CSS/JavaScript，但有一些其专有CSS和JavaScript这可能会限制可移植性。这可能需要一些调整工作的另一个移动设备，但这将是一个很好的概念证明从开始。

我并没有创造这个真棒样项目中，我仅仅是把它的社会的注意。更多的信息和链接向拉链项目，阅读理查德"Doctyper"Herrara的整个岗位上 固定位移动Safari.

可能笨重的，但你可以重新定位的标题和页脚在上面的div作为用户滚动。这样你的主div不需要以滚动。没有帮助的东西(仍)使用框架虽然。

这是一个恼人的浏览器问题的iPhone/触，我希望你能只集中在该页的一部分就像一个正常浏览器。

CSS仅参考的 Safari CSS参考 可能有什么你期待的。你将会特别感兴趣的东西开始"遗憾"或"-khtml"作为这些都是扩展的性质仅提供与其就像3D和接触。应该适用于安卓。

与JavaScript的 介绍。DOM编程的主题 和 其DOM API Reference 是去操作指南。一定要看看 光表演 对于一些复制和粘贴javascript在处理您的接触作为这就是我怎么会解决这个问题。

我已经实现的-夜间阅读在iphone上，它是真的顺利和快速的和可以做任何你想要的。缺点是，(1.6)拒绝滚动如何我想要的，有时会阻止其他javascript如果有的话。

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<div style="overflow: scroll">

增加那些以你html码可以解决你的问题。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top