有没有办法获得跨平台溢出：滚动

Question

目前，我正在开发一个旨在同时在移动设备和普通计算机上运行的网站。我面临的问题是由于我需要有一个固定位置的页眉和页脚。

我尝试的第一件事是使用 position:fixed，这对我来说似乎是最自然的。它在我的 PC 上运行良好，但在我的 iphone（使用 ios4）上却无法运行。所以我用谷歌搜索了一下，找到了 iScroll。 iScroll 是一个 JavaScript 独立脚本，旨在解决这个确切的问题。问题是这个解决方案破坏了非移动平台上的功能。我还查看了 YUI ScrollView，但它在非移动平台上又被破坏了。

目前我仅在检测到移动浏览器时才使用 iScroll 解决了这个问题。但我正在寻找更清洁、更好的解决方案。

注意：iScroll4不支持ie，我也想支持。

Answer 1

不幸的是，没有干净的解决方案 - 您可以尝试检测“触摸事件”，因为这些事件几乎可以让您知道用户何时需要 iScroll，然后启动它。

检测触摸事件的简单方法如下，

    var $q = something...;
    try {
        document.createEvent("TouchEvent");
        $q.onmousedown = 'ontouchstart',
        $q.onmouseup = 'ontouchend',
        $q.onmousemove = 'ontouchmove';
        $q.touches = true; //used in other modules as well

        //position based on first-finger position
        $q.getPageX = function(e){
            return e.touches[0].pageX;
        };
        $q.getPageY = function(e){
            return e.touches[0].pageY;
        };

} catch (e) {
        //KEY BASED DEVICE
        $q.onmousedown = 'onmousedown',
        $q.onmouseup = 'onmouseup',
        $q.onmousemove = 'onmousemove';
        $q.touches = false;

        //grabbing the position based on Mouse position
        $q.getPageX = function(e){
            return e.clientX;
        };
        $q.getPageY = function(e){
            return e.clientY;
        };
 }