如何在移动web应用程序中滚动div的内容？

我设计的HTML，JAVASCRIPT，CSS & jQuery的移动网络应用程序...如何在移动web应用程序中滚动div的内容？

我设计注册包含屏幕大小格内的文本框页面... 作为页面大于屏幕大小我想显示滚动条...

iScroll是不是在这里有用，因为在形式和用户的文本框应该是输入文字......（iScroll错误http://code.google.com/p/iscroll-js/issues/detail?id=17）

我已经尝试了很多定制的滚动条，但他们不在移动...

有没有解决这个问题的方法???????

来源

2012-03-15 Swapnil Godambe

我曾经在类似的概念上工作，并在该项目中使用tinyscrollbar。我想你可以在这里得到tinyscrollbar的副本。但是，您必须按下滚动条并上下滚动以在移动设备上滚动，而不必像在简单页面中一样在屏幕中间向上或向下滚动。

Tinyscrollbar https://github.com/Empact/jquery-tinyscrollbar

为tinyscrollbar

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

HTML

<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>

其他插件是avaliable的JavaScript位可以在这里找到，如果你还没有尝试过呢。这也是我没有尝试过

http://www.net-kit.com/jquery-custom-scrollbar-plugins/

来源

2012-03-15 12:25:35 Kaushtuv

将尝试ñ告诉你... – 2012-03-15 13:54:16

嘿Kaushtuv，我用这微小的滚动条从node.js的和WebSocket的，我表明you.But建立我的网络聊天当我输入新消息时，滚动条向上移动一点，它不会停留在底部，因此我不得不再次向下滚动以查看最新消息 – 2012-03-16 00:16:22

@HieuVanMach查看此链接http：// stackoverflow。 com/questions/5755716 /自动滚动到底部使用微型滚动条 – Kaushtuv 2012-03-16 02:35:10

如何在移动web应用程序中滚动div的内容？

回答

相关问题