iPhone中jQuery mobile中的水平滚动

我正在用jquerymobile为iPhone编写一个简单的程序，我已经创建了一个包含大量图像的div，但是即将出现的滚动条是垂直的，这是我不想要的。我希望垂直空间是固定的和溢出的图像水平。我知道有一个像iScroll这样的重新滚动插件，但在我的情况下，我不能使用它们，因为这些滚动插件使用固定数量的元素显示在该页面上，但我想保持动态，如果用户水平旋转他的设备，那么屏幕上可以容纳更多的图像，所以我希望进行调整，如果用户保持设备垂直，那么水平方向上的空间会更少，所以图像应该水平滚动，但是如果用户水平旋转设备，那么他水平方向上可以容纳更多的空间，并且可以容纳更多的图像，剩余的图像将被删除再次水平滚动

我固定了div的高度，并尝试使用overflow属性使图像水平流动，但我猜jQuery正在阻止这种行为

---

你能把我放在正确的路径上吗。

我想你仍然可以使用iScroll进行水平滚动，但只要内容维度发生变化，你就需要调用refresh方法。在您的情况下，您可以侦听orientationchange事件，并在这种情况下执行iScroll对象的刷新

检查中的“掌握刷新方法”部分

希望有帮助

编辑。您可以使用以下快速示例开始测试：

<div data-role="page" id="loadPage">

<div data-role="content">
    <a href="#" data-role="button" onclick="addText();">Add text</a>
     <div id="scroller" style="border: 1px solid green; white-space: nowrap; width: 300px;">
         <div id="text" style="border: 1px solid red; height: 20px; width: 0px;"></div>
     </div>
</div>

<script type="text/javascript">
    var iscrollPage = null;
    $('#loadPage').bind('pagebeforeshow', function () { 
        iscrollPage = new iScroll($('#scroller').get(0), { vScroll: false, hScroll: true });
    });

    function addText() {
        $('#text').append((new Date()).getTime()).css('width', '+=140');
        iscrollPage.refresh();
    }
</script>

</div>

---

你是说我可以使用iScroll而不使用其中的元素？但那个么滚动条将如何出现呢？我试过了，但它不工作。一个JSFIDLE示例将是一个很大的帮助