Javascript 如何在移动web app中滚动div的内容？

我正在用HTML、Javascript、CSS和jQuery设计移动webapp

我正在设计注册页面，其中包含屏幕大小分区内的文本框。。。 由于页面比屏幕大，我想显示一个滚动条

iScroll在这里没有用处，因为表单中有文本框，用户应该在其中输入文本…（iScroll bug）

我已经尝试了这么多的自定义滚动条，但他们没有在手机上工作

---

有什么解决方案可以解决这个问题吗？

我曾经研究过类似的概念，并在那个项目中使用了tinyscrollbar。我想你可以在这里买到tinyscrollbar的副本。但是，你必须按压滚动条并将其向上或向下滚动以在移动设备上滚动，而不是简单地在屏幕中间向上或向下滚动，就像通常在一个简单页面中所做的那样。

小金条

tinyscrollbar的javascript位

    <script type="text/javascript">
    $(document).ready(function(){
        $('#scrollbar').tinyscrollbar();
    });
</script>

$（文档）.ready（函数（）{
$（“#滚动条”）.tinyscrollbar（）；
});

HTML

你的内容

如果您还没有尝试过，可以在这里找到其他可用的插件。我也没试过

---

嘿，Kaushtuv，我正在使用这个小小的滚动条进行网络聊天，它是由我展示给你的node.js和websocket构建的。但是当我键入新消息时，它不能很好地工作，滚动条向上移动了一点，但它并没有停留在底部，所以我必须再次向下滚动才能看到最新的滚动条message@HieuVanMach看到这个链接没有答案被标记为正确，但我还是会试试看…谢谢@Kaushtuv

    <div id="scrollbar">
        <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
        <div class="viewport">
             <div class="overview">
                Your Content
            </div>
        </div>
</div>